diff --git a/backend/apps/events/__pycache__/views.cpython-314.pyc b/backend/apps/events/__pycache__/views.cpython-314.pyc index 9e645a0..2eed6f1 100644 Binary files a/backend/apps/events/__pycache__/views.cpython-314.pyc and b/backend/apps/events/__pycache__/views.cpython-314.pyc differ diff --git a/backend/apps/events/views.py b/backend/apps/events/views.py index f9bde31..1d90273 100644 --- a/backend/apps/events/views.py +++ b/backend/apps/events/views.py @@ -374,9 +374,14 @@ class EventTemplateViewSet(viewsets.ModelViewSet): max_participants=shift_data.get('max_participants', 1) ) + skill_ids = shift_data.get('required_skill_ids', []) skill_names = shift_data.get('required_skill_names', []) - if skill_names: - matching_skills = Skill.objects.filter(name__in=skill_names) - shift.required_skills.set(matching_skills) + if skill_ids: + shift.required_skills.set(Skill.objects.filter(id__in=skill_ids)) + elif skill_names: + shift.required_skills.set(Skill.objects.filter(name__in=skill_names)) - return Response(EventSerializer(event).data, status=status.HTTP_201_CREATED) + return Response({ + 'message': f'Veranstaltung "{event.title}" wurde erfolgreich aus der Vorlage erstellt.', + 'event_id': event.id + }, status=status.HTTP_201_CREATED) diff --git a/backend/apps/users/__pycache__/models.cpython-314.pyc b/backend/apps/users/__pycache__/models.cpython-314.pyc index 88f9fed..f9c8960 100644 Binary files a/backend/apps/users/__pycache__/models.cpython-314.pyc and b/backend/apps/users/__pycache__/models.cpython-314.pyc differ diff --git a/backend/apps/users/__pycache__/serializers.cpython-314.pyc b/backend/apps/users/__pycache__/serializers.cpython-314.pyc index 1f93bc1..27b6a57 100644 Binary files a/backend/apps/users/__pycache__/serializers.cpython-314.pyc and b/backend/apps/users/__pycache__/serializers.cpython-314.pyc differ diff --git a/backend/apps/users/__pycache__/tests.cpython-314.pyc b/backend/apps/users/__pycache__/tests.cpython-314.pyc index 5da7f59..509428c 100644 Binary files a/backend/apps/users/__pycache__/tests.cpython-314.pyc and b/backend/apps/users/__pycache__/tests.cpython-314.pyc differ diff --git a/backend/apps/users/__pycache__/urls.cpython-314.pyc b/backend/apps/users/__pycache__/urls.cpython-314.pyc index e140e18..ff4a76a 100644 Binary files a/backend/apps/users/__pycache__/urls.cpython-314.pyc and b/backend/apps/users/__pycache__/urls.cpython-314.pyc differ diff --git a/backend/apps/users/__pycache__/views.cpython-314.pyc b/backend/apps/users/__pycache__/views.cpython-314.pyc index 3d6424d..a13247d 100644 Binary files a/backend/apps/users/__pycache__/views.cpython-314.pyc and b/backend/apps/users/__pycache__/views.cpython-314.pyc differ diff --git a/backend/apps/users/migrations/0005_smtpsetting.py b/backend/apps/users/migrations/0005_smtpsetting.py new file mode 100644 index 0000000..bce00ba --- /dev/null +++ b/backend/apps/users/migrations/0005_smtpsetting.py @@ -0,0 +1,27 @@ +# Generated by Django 6.0.7 on 2026-07-31 08:22 + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('users', '0004_user_is_email_verified_alter_user_is_approved_and_more'), + ] + + operations = [ + migrations.CreateModel( + name='SMTPSetting', + fields=[ + ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('is_active', models.BooleanField(default=False, help_text='SMTP-Versand aktivieren')), + ('host', models.CharField(default='smtp.example.com', max_length=255)), + ('port', models.IntegerField(default=587)), + ('username', models.CharField(blank=True, default='', max_length=255)), + ('password', models.CharField(blank=True, default='', max_length=255)), + ('use_tls', models.BooleanField(default=True)), + ('use_ssl', models.BooleanField(default=False)), + ('from_email', models.EmailField(default='noreply@schichtplaner.local', max_length=254)), + ], + ), + ] diff --git a/backend/apps/users/migrations/0006_registrationrestrictionsetting_require_email_verification.py b/backend/apps/users/migrations/0006_registrationrestrictionsetting_require_email_verification.py new file mode 100644 index 0000000..c6f7ddc --- /dev/null +++ b/backend/apps/users/migrations/0006_registrationrestrictionsetting_require_email_verification.py @@ -0,0 +1,18 @@ +# Generated by Django 6.0.7 on 2026-07-31 08:23 + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('users', '0005_smtpsetting'), + ] + + operations = [ + migrations.AddField( + model_name='registrationrestrictionsetting', + name='require_email_verification', + field=models.BooleanField(default=True, help_text='E-Mail Bestätigungslink für neue Konten erforderlich'), + ), + ] diff --git a/backend/apps/users/migrations/__pycache__/0004_user_is_email_verified_alter_user_is_approved_and_more.cpython-314.pyc b/backend/apps/users/migrations/__pycache__/0004_user_is_email_verified_alter_user_is_approved_and_more.cpython-314.pyc new file mode 100644 index 0000000..f9f35c5 Binary files /dev/null and b/backend/apps/users/migrations/__pycache__/0004_user_is_email_verified_alter_user_is_approved_and_more.cpython-314.pyc differ diff --git a/backend/apps/users/migrations/__pycache__/0005_smtpsetting.cpython-314.pyc b/backend/apps/users/migrations/__pycache__/0005_smtpsetting.cpython-314.pyc new file mode 100644 index 0000000..c51fdae Binary files /dev/null and b/backend/apps/users/migrations/__pycache__/0005_smtpsetting.cpython-314.pyc differ diff --git a/backend/apps/users/migrations/__pycache__/0006_registrationrestrictionsetting_require_email_verification.cpython-314.pyc b/backend/apps/users/migrations/__pycache__/0006_registrationrestrictionsetting_require_email_verification.cpython-314.pyc new file mode 100644 index 0000000..7d703af Binary files /dev/null and b/backend/apps/users/migrations/__pycache__/0006_registrationrestrictionsetting_require_email_verification.cpython-314.pyc differ diff --git a/backend/apps/users/models.py b/backend/apps/users/models.py index 26f5a47..0d2b5f3 100644 --- a/backend/apps/users/models.py +++ b/backend/apps/users/models.py @@ -39,6 +39,7 @@ class RegistrationDomainRule(models.Model): class RegistrationRestrictionSetting(models.Model): is_restriction_enabled = models.BooleanField(default=False) require_admin_approval = models.BooleanField(default=False, help_text="Neue Registrierungen müssen von einem Admin freigeschaltet werden") + require_email_verification = models.BooleanField(default=True, help_text="E-Mail Bestätigungslink für neue Konten erforderlich") @classmethod def get_solo(cls): @@ -46,7 +47,25 @@ class RegistrationRestrictionSetting(models.Model): return obj def __str__(self): - return f"Domain-Einschränkung: {self.is_restriction_enabled}, Admin-Freischaltung: {self.require_admin_approval}" + return f"Domain-Einschränkung: {self.is_restriction_enabled}, Admin-Freischaltung: {self.require_admin_approval}, E-Mail-Pflicht: {self.require_email_verification}" + +class SMTPSetting(models.Model): + is_active = models.BooleanField(default=False, help_text="SMTP-Versand aktivieren") + host = models.CharField(max_length=255, default="smtp.example.com") + port = models.IntegerField(default=587) + username = models.CharField(max_length=255, blank=True, default="") + password = models.CharField(max_length=255, blank=True, default="") + use_tls = models.BooleanField(default=True) + use_ssl = models.BooleanField(default=False) + from_email = models.EmailField(default="noreply@schichtplaner.local") + + @classmethod + def get_solo(cls): + obj, _ = cls.objects.get_or_create(pk=1) + return obj + + def __str__(self): + return f"SMTP {self.host}:{self.port} ({'Aktiv' if self.is_active else 'Inaktiv'})" class EmailVerificationToken(models.Model): token = models.UUIDField(default=uuid.uuid4, unique=True, editable=False) diff --git a/backend/apps/users/serializers.py b/backend/apps/users/serializers.py index d399e1b..3e54097 100644 --- a/backend/apps/users/serializers.py +++ b/backend/apps/users/serializers.py @@ -1,6 +1,6 @@ from rest_framework import serializers from django.contrib.auth import get_user_model -from .models import RegistrationDomainRule, RegistrationRestrictionSetting +from .models import RegistrationDomainRule, RegistrationRestrictionSetting, SMTPSetting from apps.events.models import Skill User = get_user_model() @@ -77,4 +77,9 @@ class RegistrationDomainRuleSerializer(serializers.ModelSerializer): class RegistrationRestrictionSettingSerializer(serializers.ModelSerializer): class Meta: model = RegistrationRestrictionSetting - fields = ['is_restriction_enabled', 'require_admin_approval'] + fields = ['is_restriction_enabled', 'require_admin_approval', 'require_email_verification'] + +class SMTPSettingSerializer(serializers.ModelSerializer): + class Meta: + model = SMTPSetting + fields = ['is_active', 'host', 'port', 'username', 'password', 'use_tls', 'use_ssl', 'from_email'] diff --git a/backend/apps/users/tests.py b/backend/apps/users/tests.py index a9624d2..a7f4aaf 100644 --- a/backend/apps/users/tests.py +++ b/backend/apps/users/tests.py @@ -2,7 +2,7 @@ from django.test import TestCase from django.contrib.auth import get_user_model from rest_framework.test import APIClient from rest_framework import status -from .models import RegistrationDomainRule, RegistrationRestrictionSetting, EmailVerificationToken +from .models import RegistrationDomainRule, RegistrationRestrictionSetting, EmailVerificationToken, SMTPSetting from apps.events.models import Event, TaskArea, Shift, ShiftSignup User = get_user_model() @@ -74,6 +74,30 @@ class UserRegistrationTests(TestCase): self.assertEqual(res_login_ok.status_code, status.HTTP_200_OK) self.assertIn('token', res_login_ok.data) + def test_email_verification_opt_out(self): + # Set require_email_verification to False (Opt-Out) + setting = RegistrationRestrictionSetting.get_solo() + setting.require_email_verification = False + setting.save() + + # Register user with Opt-Out + res_reg = self.client.post('/api/users/register/', { + 'username': 'optout_user', + 'email': 'optout@example.com', + 'password': 'password123', + 'display_name': 'Opt-Out User' + }) + self.assertEqual(res_reg.status_code, status.HTTP_201_CREATED) + self.assertIn('token', res_reg.data) + self.assertFalse(res_reg.data.get('requires_verification')) + + # Immediate login works + res_login = self.client.post('/api/users/login/', { + 'username': 'optout_user', + 'password': 'password123' + }) + self.assertEqual(res_login.status_code, status.HTTP_200_OK) + def test_guest_shift_claiming_on_registration(self): # Create event, task area, shift event = Event.objects.create(title="Test Event", start_date="2026-08-01", end_date="2026-08-02") @@ -169,3 +193,25 @@ class UserRegistrationTests(TestCase): self.assertIsNotNone(signup.user) self.assertEqual(signup.user.username, 'erika_muster') self.assertIsNone(signup.guest_name) + + def test_smtp_settings_configuration(self): + admin = User.objects.create_superuser(username='smtp_admin', email='smtp@test.com', password='password123') + self.client.force_authenticate(user=admin) + + # GET SMTP setting + res_get = self.client.get('/api/users/smtp-setting/') + self.assertEqual(res_get.status_code, status.HTTP_200_OK) + self.assertFalse(res_get.data['is_active']) + + # UPDATE SMTP setting + res_post = self.client.post('/api/users/smtp-setting/', { + 'is_active': True, + 'host': 'smtp.mailtrap.io', + 'port': 2525, + 'username': 'test_user', + 'password': 'test_password', + 'from_email': 'noreply@test.de' + }, format='json') + self.assertEqual(res_post.status_code, status.HTTP_200_OK) + self.assertTrue(res_post.data['is_active']) + self.assertEqual(res_post.data['host'], 'smtp.mailtrap.io') diff --git a/backend/apps/users/urls.py b/backend/apps/users/urls.py index 17ceaba..186ee17 100644 --- a/backend/apps/users/urls.py +++ b/backend/apps/users/urls.py @@ -4,7 +4,8 @@ from .views import ( RegisterView, VerifyEmailView, LoginView, MeView, RegistrationDomainRuleViewSet, RegistrationRestrictionSettingView, PendingUsersView, ApproveUserView, AdminUserViewSet, - GenerateClaimLinkView, ClaimInfoView + GenerateClaimLinkView, ClaimInfoView, + SMTPSettingView, TestSMTPEmailView ) router = DefaultRouter() @@ -17,6 +18,8 @@ urlpatterns = [ path('login/', LoginView.as_view(), name='login'), path('me/', MeView.as_view(), name='me'), path('restriction-setting/', RegistrationRestrictionSettingView.as_view(), name='restriction-setting'), + path('smtp-setting/', SMTPSettingView.as_view(), name='smtp-setting'), + path('smtp-setting/test/', TestSMTPEmailView.as_view(), name='smtp-setting-test'), path('pending/', PendingUsersView.as_view(), name='pending-users'), path('/approve/', ApproveUserView.as_view(), name='approve-user'), path('signups//generate-claim-link/', GenerateClaimLinkView.as_view(), name='generate-claim-link'), diff --git a/backend/apps/users/views.py b/backend/apps/users/views.py index 7eb811e..8e42d19 100644 --- a/backend/apps/users/views.py +++ b/backend/apps/users/views.py @@ -3,15 +3,67 @@ from rest_framework.response import Response from rest_framework.authtoken.models import Token from django.contrib.auth import authenticate, get_user_model from django.shortcuts import get_object_or_404 -from .models import RegistrationDomainRule, RegistrationRestrictionSetting, GuestClaimToken, EmailVerificationToken +from django.core.mail import get_connection, EmailMultiAlternatives +from .models import RegistrationDomainRule, RegistrationRestrictionSetting, GuestClaimToken, EmailVerificationToken, SMTPSetting from .serializers import ( UserSerializer, AdminUserSerializer, RegisterSerializer, - RegistrationDomainRuleSerializer, RegistrationRestrictionSettingSerializer + RegistrationDomainRuleSerializer, RegistrationRestrictionSettingSerializer, SMTPSettingSerializer ) from apps.events.models import ShiftSignup User = get_user_model() +def send_verification_email_to_user(user, v_token_str, request_host=None): + smtp = SMTPSetting.get_solo() + host_str = request_host or 'localhost:3000' + verify_url = f"http://{host_str}/?verify_email={v_token_str}" + + subject = "E-Mail-Adresse bestätigen — Veranstaltungsschichtplaner" + text_content = f"Hallo {user.get_display_name()},\n\nbitte bestätige deine E-Mail-Adresse durch Aufruf des folgenden Links:\n{verify_url}\n\nVielen Dank!" + html_content = f""" +
+

Willkommen beim Schichtplaner!

+

Hallo {user.get_display_name()},

+

vielen Dank für deine Registrierung. Bitte bestätige deine E-Mail-Adresse durch Klick auf den folgenden Button:

+

+ + E-Mail-Adresse Bestätigen + +

+

Oder kopiere diesen Link in deinen Browser:
{verify_url}

+
+ """ + + print("==================================================") + print(f"[E-MAIL BESTÄTIGUNG]: {verify_url}") + print("==================================================") + + if smtp.is_active and smtp.host: + try: + connection = get_connection( + host=smtp.host, + port=smtp.port, + username=smtp.username, + password=smtp.password, + use_tls=smtp.use_tls, + use_ssl=smtp.use_ssl, + fail_silently=False, + ) + msg = EmailMultiAlternatives( + subject=subject, + body=text_content, + from_email=smtp.from_email or 'noreply@schichtplaner.local', + to=[user.email], + connection=connection + ) + msg.attach_alternative(html_content, "text/html") + msg.send() + return True, "E-Mail erfolgreich versendet." + except Exception as e: + return False, f"SMTP-Fehler: {str(e)}" + + return True, "Bestätigungslink in Konsole ausgegeben." + class AdminUserViewSet(viewsets.ModelViewSet): queryset = User.objects.all().order_by('-date_joined') serializer_class = AdminUserSerializer @@ -70,16 +122,47 @@ class RegisterView(views.APIView): signup.save() assigned_count += 1 - v_token = EmailVerificationToken.objects.create(user=user) - print("==================================================") - print(f"[E-MAIL BESTÄTIGUNG]: http://localhost:3000/?verify_email={v_token.token}") - print("==================================================") + if setting.require_email_verification: + user.is_approved = False + user.is_email_verified = False + user.is_active = True + user.save() + v_token = EmailVerificationToken.objects.create(user=user) + req_host = request.get_host() + send_verification_email_to_user(user, str(v_token.token), request_host=req_host) + + return Response({ + 'requires_verification': True, + 'verification_token': str(v_token.token), + 'claimed_shifts_count': assigned_count, + 'message': 'Konto erfolgreich erstellt! Bitte bestätige deine E-Mail-Adresse über den Link in der Bestätigungs-E-Mail oder warte auf die Admin-Freischaltung.' + }, status=status.HTTP_201_CREATED) + + # Opt-Out: Email verification not required! + user.is_email_verified = True + + if setting.require_admin_approval: + user.is_approved = False + user.is_active = False + user.save() + return Response({ + 'requires_approval': True, + 'claimed_shifts_count': assigned_count, + 'message': 'Konto erfolgreich registriert! Ein Administrator muss dein Konto vor der ersten Anmeldung freischalten.' + }, status=status.HTTP_201_CREATED) + + user.is_approved = True + user.is_active = True + user.save() + + token, _ = Token.objects.get_or_create(user=user) + user_data = UserSerializer(user).data return Response({ - 'requires_verification': True, - 'verification_token': str(v_token.token), + 'token': token.key, + 'user': user_data, 'claimed_shifts_count': assigned_count, - 'message': 'Konto erfolgreich erstellt! Bitte bestätige deine E-Mail-Adresse über den Link in der Bestätigungs-E-Mail oder warte auf die Admin-Freischaltung.' + 'message': f'Konto erfolgreich erstellt! {assigned_count} Gast-Schichten wurden deinem Konto zugewiesen.' if assigned_count > 0 else 'Konto erfolgreich erstellt!' }, status=status.HTTP_201_CREATED) return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST) @@ -218,6 +301,7 @@ class RegistrationRestrictionSettingView(views.APIView): return Response({ 'is_restriction_enabled': setting.is_restriction_enabled, 'require_admin_approval': setting.require_admin_approval, + 'require_email_verification': setting.require_email_verification, 'active_domains': active_domains }) @@ -227,12 +311,61 @@ class RegistrationRestrictionSettingView(views.APIView): setting.is_restriction_enabled = request.data['is_restriction_enabled'] if 'require_admin_approval' in request.data: setting.require_admin_approval = request.data['require_admin_approval'] + if 'require_email_verification' in request.data: + setting.require_email_verification = request.data['require_email_verification'] setting.save() return Response({ 'is_restriction_enabled': setting.is_restriction_enabled, - 'require_admin_approval': setting.require_admin_approval + 'require_admin_approval': setting.require_admin_approval, + 'require_email_verification': setting.require_email_verification }) +class SMTPSettingView(views.APIView): + permission_classes = [permissions.IsAdminUser] + + def get(self, request): + setting = SMTPSetting.get_solo() + return Response(SMTPSettingSerializer(setting).data) + + def post(self, request): + setting = SMTPSetting.get_solo() + serializer = SMTPSettingSerializer(setting, data=request.data, partial=True) + if serializer.is_valid(): + serializer.save() + return Response(serializer.data) + return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST) + +class TestSMTPEmailView(views.APIView): + permission_classes = [permissions.IsAdminUser] + + def post(self, request): + smtp = SMTPSetting.get_solo() + target_email = request.data.get('email') or request.user.email + if not target_email: + return Response({'error': 'E-Mail-Adresse erforderlich.'}, status=status.HTTP_400_BAD_REQUEST) + + try: + connection = get_connection( + host=smtp.host, + port=smtp.port, + username=smtp.username, + password=smtp.password, + use_tls=smtp.use_tls, + use_ssl=smtp.use_ssl, + fail_silently=False, + ) + msg = EmailMultiAlternatives( + subject="Test E-Mail — SMTP Konfiguration", + body=f"Hallo,\n\ndies ist eine Test-E-Mail zur Überprüfung der SMTP-Einstellungen für {request.user.get_display_name()}.", + from_email=smtp.from_email or 'noreply@schichtplaner.local', + to=[target_email], + connection=connection + ) + msg.send() + return Response({'message': f'Test E-Mail erfolgreich an {target_email} gesendet!'}) + except Exception as e: + return Response({'error': f'SMTP-Verbindungsfehler: {str(e)}'}, status=status.HTTP_400_BAD_REQUEST) + class PendingUsersView(views.APIView): permission_classes = [permissions.IsAdminUser] diff --git a/frontend/dist/assets/index-BHd9ZwUB.js b/frontend/dist/assets/index-BHd9ZwUB.js deleted file mode 100644 index b5f1a6e..0000000 --- a/frontend/dist/assets/index-BHd9ZwUB.js +++ /dev/null @@ -1,267 +0,0 @@ -(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))r(l);new MutationObserver(l=>{for(const s of l)if(s.type==="childList")for(const o of s.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&r(o)}).observe(document,{childList:!0,subtree:!0});function n(l){const s={};return l.integrity&&(s.integrity=l.integrity),l.referrerPolicy&&(s.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?s.credentials="include":l.crossOrigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function r(l){if(l.ep)return;l.ep=!0;const s=n(l);fetch(l.href,s)}})();function dd(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Pa={exports:{}},Ll={},La={exports:{}},B={};/** - * @license React - * react.production.min.js - * - * Copyright (c) Facebook, Inc. and its affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */var kr=Symbol.for("react.element"),fd=Symbol.for("react.portal"),md=Symbol.for("react.fragment"),pd=Symbol.for("react.strict_mode"),hd=Symbol.for("react.profiler"),xd=Symbol.for("react.provider"),gd=Symbol.for("react.context"),yd=Symbol.for("react.forward_ref"),vd=Symbol.for("react.suspense"),wd=Symbol.for("react.memo"),kd=Symbol.for("react.lazy"),yo=Symbol.iterator;function Nd(e){return e===null||typeof e!="object"?null:(e=yo&&e[yo]||e["@@iterator"],typeof e=="function"?e:null)}var za={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Ma=Object.assign,Aa={};function Ln(e,t,n){this.props=e,this.context=t,this.refs=Aa,this.updater=n||za}Ln.prototype.isReactComponent={};Ln.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};Ln.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function Da(){}Da.prototype=Ln.prototype;function Ni(e,t,n){this.props=e,this.context=t,this.refs=Aa,this.updater=n||za}var Si=Ni.prototype=new Da;Si.constructor=Ni;Ma(Si,Ln.prototype);Si.isPureReactComponent=!0;var vo=Array.isArray,Ra=Object.prototype.hasOwnProperty,ji={current:null},Oa={key:!0,ref:!0,__self:!0,__source:!0};function Ia(e,t,n){var r,l={},s=null,o=null;if(t!=null)for(r in t.ref!==void 0&&(o=t.ref),t.key!==void 0&&(s=""+t.key),t)Ra.call(t,r)&&!Oa.hasOwnProperty(r)&&(l[r]=t[r]);var a=arguments.length-2;if(a===1)l.children=n;else if(1>>1,se=T[q];if(0>>1;ql(ye,L))mel(ot,ye)?(T[q]=ot,T[me]=L,q=me):(T[q]=ye,T[ge]=L,q=ge);else if(mel(ot,L))T[q]=ot,T[me]=L,q=me;else break e}}return O}function l(T,O){var L=T.sortIndex-O.sortIndex;return L!==0?L:T.id-O.id}if(typeof performance=="object"&&typeof performance.now=="function"){var s=performance;e.unstable_now=function(){return s.now()}}else{var o=Date,a=o.now();e.unstable_now=function(){return o.now()-a}}var u=[],d=[],h=1,g=null,x=3,k=!1,y=!1,v=!1,R=typeof setTimeout=="function"?setTimeout:null,f=typeof clearTimeout=="function"?clearTimeout:null,c=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function m(T){for(var O=n(d);O!==null;){if(O.callback===null)r(d);else if(O.startTime<=T)r(d),O.sortIndex=O.expirationTime,t(u,O);else break;O=n(d)}}function w(T){if(v=!1,m(T),!y)if(n(u)!==null)y=!0,H(S);else{var O=n(d);O!==null&&Se(w,O.startTime-T)}}function S(T,O){y=!1,v&&(v=!1,f(E),E=-1),k=!0;var L=x;try{for(m(O),g=n(u);g!==null&&(!(g.expirationTime>O)||T&&!ee());){var q=g.callback;if(typeof q=="function"){g.callback=null,x=g.priorityLevel;var se=q(g.expirationTime<=O);O=e.unstable_now(),typeof se=="function"?g.callback=se:g===n(u)&&r(u),m(O)}else r(u);g=n(u)}if(g!==null)var et=!0;else{var ge=n(d);ge!==null&&Se(w,ge.startTime-O),et=!1}return et}finally{g=null,x=L,k=!1}}var b=!1,N=null,E=-1,U=5,M=-1;function ee(){return!(e.unstable_now()-MT||125q?(T.sortIndex=L,t(d,T),n(u)===null&&T===n(d)&&(v?(f(E),E=-1):v=!0,Se(w,L-q))):(T.sortIndex=se,t(u,T),y||k||(y=!0,H(S))),T},e.unstable_shouldYield=ee,e.unstable_wrapCallback=function(T){var O=x;return function(){var L=x;x=O;try{return T.apply(this,arguments)}finally{x=L}}}})(Ba);Ua.exports=Ba;var Ad=Ua.exports;/** - * @license React - * react-dom.production.min.js - * - * Copyright (c) Facebook, Inc. and its affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */var Dd=j,Oe=Ad;function _(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Cs=Object.prototype.hasOwnProperty,Rd=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,ko={},No={};function Od(e){return Cs.call(No,e)?!0:Cs.call(ko,e)?!1:Rd.test(e)?No[e]=!0:(ko[e]=!0,!1)}function Id(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function $d(e,t,n,r){if(t===null||typeof t>"u"||Id(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function Ce(e,t,n,r,l,s,o){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=s,this.removeEmptyString=o}var xe={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){xe[e]=new Ce(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];xe[t]=new Ce(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){xe[e]=new Ce(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){xe[e]=new Ce(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){xe[e]=new Ce(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){xe[e]=new Ce(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){xe[e]=new Ce(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){xe[e]=new Ce(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){xe[e]=new Ce(e,5,!1,e.toLowerCase(),null,!1,!1)});var bi=/[\-:]([a-z])/g;function Ei(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(bi,Ei);xe[t]=new Ce(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(bi,Ei);xe[t]=new Ce(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(bi,Ei);xe[t]=new Ce(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){xe[e]=new Ce(e,1,!1,e.toLowerCase(),null,!1,!1)});xe.xlinkHref=new Ce("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){xe[e]=new Ce(e,1,!1,e.toLowerCase(),null,!0,!0)});function Ci(e,t,n,r){var l=xe.hasOwnProperty(t)?xe[t]:null;(l!==null?l.type!==0:r||!(2a||l[o]!==s[a]){var u=` -`+l[o].replace(" at new "," at ");return e.displayName&&u.includes("")&&(u=u.replace("",e.displayName)),u}while(1<=o&&0<=a);break}}}finally{rs=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Un(e):""}function Fd(e){switch(e.tag){case 5:return Un(e.type);case 16:return Un("Lazy");case 13:return Un("Suspense");case 19:return Un("SuspenseList");case 0:case 2:case 15:return e=ls(e.type,!1),e;case 11:return e=ls(e.type.render,!1),e;case 1:return e=ls(e.type,!0),e;default:return""}}function zs(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case on:return"Fragment";case sn:return"Portal";case Ts:return"Profiler";case Ti:return"StrictMode";case Ps:return"Suspense";case Ls:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Ka:return(e.displayName||"Context")+".Consumer";case Qa:return(e._context.displayName||"Context")+".Provider";case Pi:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Li:return t=e.displayName||null,t!==null?t:zs(e.type)||"Memo";case wt:t=e._payload,e=e._init;try{return zs(e(t))}catch{}}return null}function Vd(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return zs(t);case 8:return t===Ti?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function At(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function Ga(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function Ud(e){var t=Ga(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,s=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(o){r=""+o,s.call(this,o)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(o){r=""+o},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function zr(e){e._valueTracker||(e._valueTracker=Ud(e))}function Ya(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=Ga(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function il(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function Ms(e,t){var n=t.checked;return le({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function jo(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=At(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function qa(e,t){t=t.checked,t!=null&&Ci(e,"checked",t,!1)}function As(e,t){qa(e,t);var n=At(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?Ds(e,t.type,n):t.hasOwnProperty("defaultValue")&&Ds(e,t.type,At(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function _o(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function Ds(e,t,n){(t!=="number"||il(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Bn=Array.isArray;function yn(e,t,n,r){if(e=e.options,t){t={};for(var l=0;l"+t.valueOf().toString()+"",t=Mr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function rr(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Kn={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Bd=["Webkit","ms","Moz","O"];Object.keys(Kn).forEach(function(e){Bd.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Kn[t]=Kn[e]})});function eu(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||Kn.hasOwnProperty(e)&&Kn[e]?(""+t).trim():t+"px"}function tu(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,l=eu(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,l):e[n]=l}}var Hd=le({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Is(e,t){if(t){if(Hd[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(_(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(_(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(_(61))}if(t.style!=null&&typeof t.style!="object")throw Error(_(62))}}function $s(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Fs=null;function zi(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var Vs=null,vn=null,wn=null;function Co(e){if(e=jr(e)){if(typeof Vs!="function")throw Error(_(280));var t=e.stateNode;t&&(t=Rl(t),Vs(e.stateNode,e.type,t))}}function nu(e){vn?wn?wn.push(e):wn=[e]:vn=e}function ru(){if(vn){var e=vn,t=wn;if(wn=vn=null,Co(e),t)for(e=0;e>>=0,e===0?32:31-(tf(e)/nf|0)|0}var Ar=64,Dr=4194304;function Hn(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function cl(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,l=e.suspendedLanes,s=e.pingedLanes,o=n&268435455;if(o!==0){var a=o&~l;a!==0?r=Hn(a):(s&=o,s!==0&&(r=Hn(s)))}else o=n&~l,o!==0?r=Hn(o):s!==0&&(r=Hn(s));if(r===0)return 0;if(t!==0&&t!==r&&!(t&l)&&(l=r&-r,s=t&-t,l>=s||l===16&&(s&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0n;n++)t.push(e);return t}function Nr(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-Ze(t),e[t]=n}function of(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=Gn),Oo=" ",Io=!1;function Su(e,t){switch(e){case"keyup":return Df.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function ju(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var an=!1;function Of(e,t){switch(e){case"compositionend":return ju(t);case"keypress":return t.which!==32?null:(Io=!0,Oo);case"textInput":return e=t.data,e===Oo&&Io?null:e;default:return null}}function If(e,t){if(an)return e==="compositionend"||!Fi&&Su(e,t)?(e=ku(),qr=Oi=jt=null,an=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=Uo(n)}}function Cu(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Cu(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Tu(){for(var e=window,t=il();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=il(e.document)}return t}function Vi(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function Wf(e){var t=Tu(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&Cu(n.ownerDocument.documentElement,n)){if(r!==null&&Vi(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var l=n.textContent.length,s=Math.min(r.start,l);r=r.end===void 0?s:Math.min(r.end,l),!e.extend&&s>r&&(l=r,r=s,s=l),l=Bo(n,s);var o=Bo(n,r);l&&o&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==o.node||e.focusOffset!==o.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),e.removeAllRanges(),s>r?(e.addRange(t),e.extend(o.node,o.offset)):(t.setEnd(o.node,o.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,un=null,Ws=null,qn=null,Gs=!1;function Ho(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Gs||un==null||un!==il(r)||(r=un,"selectionStart"in r&&Vi(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),qn&&ur(qn,r)||(qn=r,r=ml(Ws,"onSelect"),0fn||(e.current=ei[fn],ei[fn]=null,fn--)}function Z(e,t){fn++,ei[fn]=e.current,e.current=t}var Dt={},Ne=Ot(Dt),Le=Ot(!1),Yt=Dt;function _n(e,t){var n=e.type.contextTypes;if(!n)return Dt;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var l={},s;for(s in n)l[s]=t[s];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function ze(e){return e=e.childContextTypes,e!=null}function hl(){X(Le),X(Ne)}function Zo(e,t,n){if(Ne.current!==Dt)throw Error(_(168));Z(Ne,t),Z(Le,n)}function Iu(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var l in r)if(!(l in t))throw Error(_(108,Vd(e)||"Unknown",l));return le({},n,r)}function xl(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Dt,Yt=Ne.current,Z(Ne,e),Z(Le,Le.current),!0}function Jo(e,t,n){var r=e.stateNode;if(!r)throw Error(_(169));n?(e=Iu(e,t,Yt),r.__reactInternalMemoizedMergedChildContext=e,X(Le),X(Ne),Z(Ne,e)):X(Le),Z(Le,n)}var ut=null,Ol=!1,ys=!1;function $u(e){ut===null?ut=[e]:ut.push(e)}function sm(e){Ol=!0,$u(e)}function It(){if(!ys&&ut!==null){ys=!0;var e=0,t=G;try{var n=ut;for(G=1;e>=o,l-=o,ct=1<<32-Ze(t)+l|n<E?(U=N,N=null):U=N.sibling;var M=x(f,N,m[E],w);if(M===null){N===null&&(N=U);break}e&&N&&M.alternate===null&&t(f,N),c=s(M,c,E),b===null?S=M:b.sibling=M,b=M,N=U}if(E===m.length)return n(f,N),te&&Vt(f,E),S;if(N===null){for(;EE?(U=N,N=null):U=N.sibling;var ee=x(f,N,M.value,w);if(ee===null){N===null&&(N=U);break}e&&N&&ee.alternate===null&&t(f,N),c=s(ee,c,E),b===null?S=ee:b.sibling=ee,b=ee,N=U}if(M.done)return n(f,N),te&&Vt(f,E),S;if(N===null){for(;!M.done;E++,M=m.next())M=g(f,M.value,w),M!==null&&(c=s(M,c,E),b===null?S=M:b.sibling=M,b=M);return te&&Vt(f,E),S}for(N=r(f,N);!M.done;E++,M=m.next())M=k(N,f,E,M.value,w),M!==null&&(e&&M.alternate!==null&&N.delete(M.key===null?E:M.key),c=s(M,c,E),b===null?S=M:b.sibling=M,b=M);return e&&N.forEach(function(D){return t(f,D)}),te&&Vt(f,E),S}function R(f,c,m,w){if(typeof m=="object"&&m!==null&&m.type===on&&m.key===null&&(m=m.props.children),typeof m=="object"&&m!==null){switch(m.$$typeof){case Lr:e:{for(var S=m.key,b=c;b!==null;){if(b.key===S){if(S=m.type,S===on){if(b.tag===7){n(f,b.sibling),c=l(b,m.props.children),c.return=f,f=c;break e}}else if(b.elementType===S||typeof S=="object"&&S!==null&&S.$$typeof===wt&&ta(S)===b.type){n(f,b.sibling),c=l(b,m.props),c.ref=$n(f,b,m),c.return=f,f=c;break e}n(f,b);break}else t(f,b);b=b.sibling}m.type===on?(c=Gt(m.props.children,f.mode,w,m.key),c.return=f,f=c):(w=ll(m.type,m.key,m.props,null,f.mode,w),w.ref=$n(f,c,m),w.return=f,f=w)}return o(f);case sn:e:{for(b=m.key;c!==null;){if(c.key===b)if(c.tag===4&&c.stateNode.containerInfo===m.containerInfo&&c.stateNode.implementation===m.implementation){n(f,c.sibling),c=l(c,m.children||[]),c.return=f,f=c;break e}else{n(f,c);break}else t(f,c);c=c.sibling}c=bs(m,f.mode,w),c.return=f,f=c}return o(f);case wt:return b=m._init,R(f,c,b(m._payload),w)}if(Bn(m))return y(f,c,m,w);if(An(m))return v(f,c,m,w);Ur(f,m)}return typeof m=="string"&&m!==""||typeof m=="number"?(m=""+m,c!==null&&c.tag===6?(n(f,c.sibling),c=l(c,m),c.return=f,f=c):(n(f,c),c=_s(m,f.mode,w),c.return=f,f=c),o(f)):n(f,c)}return R}var En=Bu(!0),Hu=Bu(!1),vl=Ot(null),wl=null,hn=null,Qi=null;function Ki(){Qi=hn=wl=null}function Wi(e){var t=vl.current;X(vl),e._currentValue=t}function ri(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,r!==null&&(r.childLanes|=t)):r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Nn(e,t){wl=e,Qi=hn=null,e=e.dependencies,e!==null&&e.firstContext!==null&&(e.lanes&t&&(Pe=!0),e.firstContext=null)}function Qe(e){var t=e._currentValue;if(Qi!==e)if(e={context:e,memoizedValue:t,next:null},hn===null){if(wl===null)throw Error(_(308));hn=e,wl.dependencies={lanes:0,firstContext:e}}else hn=hn.next=e;return t}var Qt=null;function Gi(e){Qt===null?Qt=[e]:Qt.push(e)}function Qu(e,t,n,r){var l=t.interleaved;return l===null?(n.next=n,Gi(t)):(n.next=l.next,l.next=n),t.interleaved=n,ht(e,r)}function ht(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var kt=!1;function Yi(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Ku(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function ft(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Pt(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,Q&2){var l=r.pending;return l===null?t.next=t:(t.next=l.next,l.next=t),r.pending=t,ht(e,n)}return l=r.interleaved,l===null?(t.next=t,Gi(r)):(t.next=l.next,l.next=t),r.interleaved=t,ht(e,n)}function Jr(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Ai(e,n)}}function na(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var l=null,s=null;if(n=n.firstBaseUpdate,n!==null){do{var o={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};s===null?l=s=o:s=s.next=o,n=n.next}while(n!==null);s===null?l=s=t:s=s.next=t}else l=s=t;n={baseState:r.baseState,firstBaseUpdate:l,lastBaseUpdate:s,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function kl(e,t,n,r){var l=e.updateQueue;kt=!1;var s=l.firstBaseUpdate,o=l.lastBaseUpdate,a=l.shared.pending;if(a!==null){l.shared.pending=null;var u=a,d=u.next;u.next=null,o===null?s=d:o.next=d,o=u;var h=e.alternate;h!==null&&(h=h.updateQueue,a=h.lastBaseUpdate,a!==o&&(a===null?h.firstBaseUpdate=d:a.next=d,h.lastBaseUpdate=u))}if(s!==null){var g=l.baseState;o=0,h=d=u=null,a=s;do{var x=a.lane,k=a.eventTime;if((r&x)===x){h!==null&&(h=h.next={eventTime:k,lane:0,tag:a.tag,payload:a.payload,callback:a.callback,next:null});e:{var y=e,v=a;switch(x=t,k=n,v.tag){case 1:if(y=v.payload,typeof y=="function"){g=y.call(k,g,x);break e}g=y;break e;case 3:y.flags=y.flags&-65537|128;case 0:if(y=v.payload,x=typeof y=="function"?y.call(k,g,x):y,x==null)break e;g=le({},g,x);break e;case 2:kt=!0}}a.callback!==null&&a.lane!==0&&(e.flags|=64,x=l.effects,x===null?l.effects=[a]:x.push(a))}else k={eventTime:k,lane:x,tag:a.tag,payload:a.payload,callback:a.callback,next:null},h===null?(d=h=k,u=g):h=h.next=k,o|=x;if(a=a.next,a===null){if(a=l.shared.pending,a===null)break;x=a,a=x.next,x.next=null,l.lastBaseUpdate=x,l.shared.pending=null}}while(!0);if(h===null&&(u=g),l.baseState=u,l.firstBaseUpdate=d,l.lastBaseUpdate=h,t=l.shared.interleaved,t!==null){l=t;do o|=l.lane,l=l.next;while(l!==t)}else s===null&&(l.shared.lanes=0);Jt|=o,e.lanes=o,e.memoizedState=g}}function ra(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;tn?n:4,e(!0);var r=ws.transition;ws.transition={};try{e(!1),t()}finally{G=n,ws.transition=r}}function uc(){return Ke().memoizedState}function um(e,t,n){var r=zt(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},cc(e))dc(t,n);else if(n=Qu(e,t,n,r),n!==null){var l=be();Je(n,e,r,l),fc(n,t,r)}}function cm(e,t,n){var r=zt(e),l={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(cc(e))dc(t,l);else{var s=e.alternate;if(e.lanes===0&&(s===null||s.lanes===0)&&(s=t.lastRenderedReducer,s!==null))try{var o=t.lastRenderedState,a=s(o,n);if(l.hasEagerState=!0,l.eagerState=a,Xe(a,o)){var u=t.interleaved;u===null?(l.next=l,Gi(t)):(l.next=u.next,u.next=l),t.interleaved=l;return}}catch{}finally{}n=Qu(e,t,l,r),n!==null&&(l=be(),Je(n,e,r,l),fc(n,t,r))}}function cc(e){var t=e.alternate;return e===re||t!==null&&t===re}function dc(e,t){Zn=Sl=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function fc(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Ai(e,n)}}var jl={readContext:Qe,useCallback:ve,useContext:ve,useEffect:ve,useImperativeHandle:ve,useInsertionEffect:ve,useLayoutEffect:ve,useMemo:ve,useReducer:ve,useRef:ve,useState:ve,useDebugValue:ve,useDeferredValue:ve,useTransition:ve,useMutableSource:ve,useSyncExternalStore:ve,useId:ve,unstable_isNewReconciler:!1},dm={readContext:Qe,useCallback:function(e,t){return rt().memoizedState=[e,t===void 0?null:t],e},useContext:Qe,useEffect:sa,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,el(4194308,4,lc.bind(null,t,e),n)},useLayoutEffect:function(e,t){return el(4194308,4,e,t)},useInsertionEffect:function(e,t){return el(4,2,e,t)},useMemo:function(e,t){var n=rt();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=rt();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=um.bind(null,re,e),[r.memoizedState,e]},useRef:function(e){var t=rt();return e={current:e},t.memoizedState=e},useState:la,useDebugValue:ro,useDeferredValue:function(e){return rt().memoizedState=e},useTransition:function(){var e=la(!1),t=e[0];return e=am.bind(null,e[1]),rt().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=re,l=rt();if(te){if(n===void 0)throw Error(_(407));n=n()}else{if(n=t(),fe===null)throw Error(_(349));Zt&30||qu(r,t,n)}l.memoizedState=n;var s={value:n,getSnapshot:t};return l.queue=s,sa(Ju.bind(null,r,s,e),[e]),r.flags|=2048,gr(9,Zu.bind(null,r,s,n,t),void 0,null),n},useId:function(){var e=rt(),t=fe.identifierPrefix;if(te){var n=dt,r=ct;n=(r&~(1<<32-Ze(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=hr++,0<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=o.createElement(n,{is:r.is}):(e=o.createElement(n),n==="select"&&(o=e,r.multiple?o.multiple=!0:r.size&&(o.size=r.size))):e=o.createElementNS(e,n),e[lt]=t,e[fr]=r,Nc(e,t,!1,!1),t.stateNode=e;e:{switch(o=$s(n,r),n){case"dialog":J("cancel",e),J("close",e),l=r;break;case"iframe":case"object":case"embed":J("load",e),l=r;break;case"video":case"audio":for(l=0;lPn&&(t.flags|=128,r=!0,Fn(s,!1),t.lanes=4194304)}else{if(!r)if(e=Nl(o),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),Fn(s,!0),s.tail===null&&s.tailMode==="hidden"&&!o.alternate&&!te)return we(t),null}else 2*oe()-s.renderingStartTime>Pn&&n!==1073741824&&(t.flags|=128,r=!0,Fn(s,!1),t.lanes=4194304);s.isBackwards?(o.sibling=t.child,t.child=o):(n=s.last,n!==null?n.sibling=o:t.child=o,s.last=o)}return s.tail!==null?(t=s.tail,s.rendering=t,s.tail=t.sibling,s.renderingStartTime=oe(),t.sibling=null,n=ne.current,Z(ne,r?n&1|2:n&1),t):(we(t),null);case 22:case 23:return uo(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?Ae&1073741824&&(we(t),t.subtreeFlags&6&&(t.flags|=8192)):we(t),null;case 24:return null;case 25:return null}throw Error(_(156,t.tag))}function vm(e,t){switch(Bi(t),t.tag){case 1:return ze(t.type)&&hl(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return Cn(),X(Le),X(Ne),Ji(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return Zi(t),null;case 13:if(X(ne),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(_(340));bn()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return X(ne),null;case 4:return Cn(),null;case 10:return Wi(t.type._context),null;case 22:case 23:return uo(),null;case 24:return null;default:return null}}var Hr=!1,ke=!1,wm=typeof WeakSet=="function"?WeakSet:Set,P=null;function xn(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){ie(e,t,r)}else n.current=null}function fi(e,t,n){try{n()}catch(r){ie(e,t,r)}}var xa=!1;function km(e,t){if(Ys=dl,e=Tu(),Vi(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var l=r.anchorOffset,s=r.focusNode;r=r.focusOffset;try{n.nodeType,s.nodeType}catch{n=null;break e}var o=0,a=-1,u=-1,d=0,h=0,g=e,x=null;t:for(;;){for(var k;g!==n||l!==0&&g.nodeType!==3||(a=o+l),g!==s||r!==0&&g.nodeType!==3||(u=o+r),g.nodeType===3&&(o+=g.nodeValue.length),(k=g.firstChild)!==null;)x=g,g=k;for(;;){if(g===e)break t;if(x===n&&++d===l&&(a=o),x===s&&++h===r&&(u=o),(k=g.nextSibling)!==null)break;g=x,x=g.parentNode}g=k}n=a===-1||u===-1?null:{start:a,end:u}}else n=null}n=n||{start:0,end:0}}else n=null;for(qs={focusedElem:e,selectionRange:n},dl=!1,P=t;P!==null;)if(t=P,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,P=e;else for(;P!==null;){t=P;try{var y=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(y!==null){var v=y.memoizedProps,R=y.memoizedState,f=t.stateNode,c=f.getSnapshotBeforeUpdate(t.elementType===t.type?v:Ge(t.type,v),R);f.__reactInternalSnapshotBeforeUpdate=c}break;case 3:var m=t.stateNode.containerInfo;m.nodeType===1?m.textContent="":m.nodeType===9&&m.documentElement&&m.removeChild(m.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(_(163))}}catch(w){ie(t,t.return,w)}if(e=t.sibling,e!==null){e.return=t.return,P=e;break}P=t.return}return y=xa,xa=!1,y}function Jn(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var l=r=r.next;do{if((l.tag&e)===e){var s=l.destroy;l.destroy=void 0,s!==void 0&&fi(t,n,s)}l=l.next}while(l!==r)}}function Fl(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function mi(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function _c(e){var t=e.alternate;t!==null&&(e.alternate=null,_c(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[lt],delete t[fr],delete t[Xs],delete t[rm],delete t[lm])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function bc(e){return e.tag===5||e.tag===3||e.tag===4}function ga(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||bc(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function pi(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=pl));else if(r!==4&&(e=e.child,e!==null))for(pi(e,t,n),e=e.sibling;e!==null;)pi(e,t,n),e=e.sibling}function hi(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(hi(e,t,n),e=e.sibling;e!==null;)hi(e,t,n),e=e.sibling}var pe=null,Ye=!1;function vt(e,t,n){for(n=n.child;n!==null;)Ec(e,t,n),n=n.sibling}function Ec(e,t,n){if(st&&typeof st.onCommitFiberUnmount=="function")try{st.onCommitFiberUnmount(zl,n)}catch{}switch(n.tag){case 5:ke||xn(n,t);case 6:var r=pe,l=Ye;pe=null,vt(e,t,n),pe=r,Ye=l,pe!==null&&(Ye?(e=pe,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):pe.removeChild(n.stateNode));break;case 18:pe!==null&&(Ye?(e=pe,n=n.stateNode,e.nodeType===8?gs(e.parentNode,n):e.nodeType===1&&gs(e,n),or(e)):gs(pe,n.stateNode));break;case 4:r=pe,l=Ye,pe=n.stateNode.containerInfo,Ye=!0,vt(e,t,n),pe=r,Ye=l;break;case 0:case 11:case 14:case 15:if(!ke&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){l=r=r.next;do{var s=l,o=s.destroy;s=s.tag,o!==void 0&&(s&2||s&4)&&fi(n,t,o),l=l.next}while(l!==r)}vt(e,t,n);break;case 1:if(!ke&&(xn(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(a){ie(n,t,a)}vt(e,t,n);break;case 21:vt(e,t,n);break;case 22:n.mode&1?(ke=(r=ke)||n.memoizedState!==null,vt(e,t,n),ke=r):vt(e,t,n);break;default:vt(e,t,n)}}function ya(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new wm),t.forEach(function(r){var l=Pm.bind(null,e,r);n.has(r)||(n.add(r),r.then(l,l))})}}function We(e,t){var n=t.deletions;if(n!==null)for(var r=0;rl&&(l=o),r&=~s}if(r=l,r=oe()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Sm(r/1960))-r,10e?16:e,_t===null)var r=!1;else{if(e=_t,_t=null,El=0,Q&6)throw Error(_(331));var l=Q;for(Q|=4,P=e.current;P!==null;){var s=P,o=s.child;if(P.flags&16){var a=s.deletions;if(a!==null){for(var u=0;uoe()-oo?Wt(e,0):io|=n),Me(e,t)}function Dc(e,t){t===0&&(e.mode&1?(t=Dr,Dr<<=1,!(Dr&130023424)&&(Dr=4194304)):t=1);var n=be();e=ht(e,t),e!==null&&(Nr(e,t,n),Me(e,n))}function Tm(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Dc(e,n)}function Pm(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(_(314))}r!==null&&r.delete(t),Dc(e,n)}var Rc;Rc=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||Le.current)Pe=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return Pe=!1,gm(e,t,n);Pe=!!(e.flags&131072)}else Pe=!1,te&&t.flags&1048576&&Fu(t,yl,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;tl(e,t),e=t.pendingProps;var l=_n(t,Ne.current);Nn(t,n),l=eo(null,t,r,e,l,n);var s=to();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,ze(r)?(s=!0,xl(t)):s=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,Yi(t),l.updater=$l,t.stateNode=l,l._reactInternals=t,si(t,r,e,n),t=ai(null,t,r,!0,s,n)):(t.tag=0,te&&s&&Ui(t),_e(null,t,l,n),t=t.child),t;case 16:r=t.elementType;e:{switch(tl(e,t),e=t.pendingProps,l=r._init,r=l(r._payload),t.type=r,l=t.tag=zm(r),e=Ge(r,e),l){case 0:t=oi(null,t,r,e,n);break e;case 1:t=ma(null,t,r,e,n);break e;case 11:t=da(null,t,r,e,n);break e;case 14:t=fa(null,t,r,Ge(r.type,e),n);break e}throw Error(_(306,r,""))}return t;case 0:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Ge(r,l),oi(e,t,r,l,n);case 1:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Ge(r,l),ma(e,t,r,l,n);case 3:e:{if(vc(t),e===null)throw Error(_(387));r=t.pendingProps,s=t.memoizedState,l=s.element,Ku(e,t),kl(t,r,null,n);var o=t.memoizedState;if(r=o.element,s.isDehydrated)if(s={element:r,isDehydrated:!1,cache:o.cache,pendingSuspenseBoundaries:o.pendingSuspenseBoundaries,transitions:o.transitions},t.updateQueue.baseState=s,t.memoizedState=s,t.flags&256){l=Tn(Error(_(423)),t),t=pa(e,t,r,n,l);break e}else if(r!==l){l=Tn(Error(_(424)),t),t=pa(e,t,r,n,l);break e}else for(De=Tt(t.stateNode.containerInfo.firstChild),Re=t,te=!0,qe=null,n=Hu(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(bn(),r===l){t=xt(e,t,n);break e}_e(e,t,r,n)}t=t.child}return t;case 5:return Wu(t),e===null&&ni(t),r=t.type,l=t.pendingProps,s=e!==null?e.memoizedProps:null,o=l.children,Zs(r,l)?o=null:s!==null&&Zs(r,s)&&(t.flags|=32),yc(e,t),_e(e,t,o,n),t.child;case 6:return e===null&&ni(t),null;case 13:return wc(e,t,n);case 4:return qi(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=En(t,null,r,n):_e(e,t,r,n),t.child;case 11:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Ge(r,l),da(e,t,r,l,n);case 7:return _e(e,t,t.pendingProps,n),t.child;case 8:return _e(e,t,t.pendingProps.children,n),t.child;case 12:return _e(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,l=t.pendingProps,s=t.memoizedProps,o=l.value,Z(vl,r._currentValue),r._currentValue=o,s!==null)if(Xe(s.value,o)){if(s.children===l.children&&!Le.current){t=xt(e,t,n);break e}}else for(s=t.child,s!==null&&(s.return=t);s!==null;){var a=s.dependencies;if(a!==null){o=s.child;for(var u=a.firstContext;u!==null;){if(u.context===r){if(s.tag===1){u=ft(-1,n&-n),u.tag=2;var d=s.updateQueue;if(d!==null){d=d.shared;var h=d.pending;h===null?u.next=u:(u.next=h.next,h.next=u),d.pending=u}}s.lanes|=n,u=s.alternate,u!==null&&(u.lanes|=n),ri(s.return,n,t),a.lanes|=n;break}u=u.next}}else if(s.tag===10)o=s.type===t.type?null:s.child;else if(s.tag===18){if(o=s.return,o===null)throw Error(_(341));o.lanes|=n,a=o.alternate,a!==null&&(a.lanes|=n),ri(o,n,t),o=s.sibling}else o=s.child;if(o!==null)o.return=s;else for(o=s;o!==null;){if(o===t){o=null;break}if(s=o.sibling,s!==null){s.return=o.return,o=s;break}o=o.return}s=o}_e(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,r=t.pendingProps.children,Nn(t,n),l=Qe(l),r=r(l),t.flags|=1,_e(e,t,r,n),t.child;case 14:return r=t.type,l=Ge(r,t.pendingProps),l=Ge(r.type,l),fa(e,t,r,l,n);case 15:return xc(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Ge(r,l),tl(e,t),t.tag=1,ze(r)?(e=!0,xl(t)):e=!1,Nn(t,n),mc(t,r,l),si(t,r,l,n),ai(null,t,r,!0,e,n);case 19:return kc(e,t,n);case 22:return gc(e,t,n)}throw Error(_(156,t.tag))};function Oc(e,t){return cu(e,t)}function Lm(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Be(e,t,n,r){return new Lm(e,t,n,r)}function fo(e){return e=e.prototype,!(!e||!e.isReactComponent)}function zm(e){if(typeof e=="function")return fo(e)?1:0;if(e!=null){if(e=e.$$typeof,e===Pi)return 11;if(e===Li)return 14}return 2}function Mt(e,t){var n=e.alternate;return n===null?(n=Be(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function ll(e,t,n,r,l,s){var o=2;if(r=e,typeof e=="function")fo(e)&&(o=1);else if(typeof e=="string")o=5;else e:switch(e){case on:return Gt(n.children,l,s,t);case Ti:o=8,l|=8;break;case Ts:return e=Be(12,n,t,l|2),e.elementType=Ts,e.lanes=s,e;case Ps:return e=Be(13,n,t,l),e.elementType=Ps,e.lanes=s,e;case Ls:return e=Be(19,n,t,l),e.elementType=Ls,e.lanes=s,e;case Wa:return Ul(n,l,s,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Qa:o=10;break e;case Ka:o=9;break e;case Pi:o=11;break e;case Li:o=14;break e;case wt:o=16,r=null;break e}throw Error(_(130,e==null?e:typeof e,""))}return t=Be(o,n,t,l),t.elementType=e,t.type=r,t.lanes=s,t}function Gt(e,t,n,r){return e=Be(7,e,r,t),e.lanes=n,e}function Ul(e,t,n,r){return e=Be(22,e,r,t),e.elementType=Wa,e.lanes=n,e.stateNode={isHidden:!1},e}function _s(e,t,n){return e=Be(6,e,null,t),e.lanes=n,e}function bs(e,t,n){return t=Be(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Mm(e,t,n,r,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=is(0),this.expirationTimes=is(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=is(0),this.identifierPrefix=r,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function mo(e,t,n,r,l,s,o,a,u){return e=new Mm(e,t,n,a,u),t===1?(t=1,s===!0&&(t|=8)):t=0,s=Be(3,null,null,t),e.current=s,s.stateNode=e,s.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Yi(s),e}function Am(e,t,n){var r=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(Vc)}catch(e){console.error(e)}}Vc(),Va.exports=Ie;var $m=Va.exports,ba=$m;Es.createRoot=ba.createRoot,Es.hydrateRoot=ba.hydrateRoot;/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Fm=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Uc=(...e)=>e.filter((t,n,r)=>!!t&&r.indexOf(t)===n).join(" ");/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */var Vm={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Um=j.forwardRef(({color:e="currentColor",size:t=24,strokeWidth:n=2,absoluteStrokeWidth:r,className:l="",children:s,iconNode:o,...a},u)=>j.createElement("svg",{ref:u,...Vm,width:t,height:t,stroke:e,strokeWidth:r?Number(n)*24/Number(t):n,className:Uc("lucide",l),...a},[...o.map(([d,h])=>j.createElement(d,h)),...Array.isArray(s)?s:[s]]));/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const F=(e,t)=>{const n=j.forwardRef(({className:r,...l},s)=>j.createElement(Um,{ref:s,iconNode:t,className:Uc(`lucide-${Fm(e)}`,r),...l}));return n.displayName=`${e}`,n};/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Bc=F("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Hc=F("ArrowRight",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Bm=F("Award",[["path",{d:"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526",key:"1yiouv"}],["circle",{cx:"12",cy:"8",r:"6",key:"1vp47v"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Ea=F("CalendarDays",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}],["path",{d:"M8 14h.01",key:"6423bh"}],["path",{d:"M12 14h.01",key:"1etili"}],["path",{d:"M16 14h.01",key:"1gbofw"}],["path",{d:"M8 18h.01",key:"lrp35t"}],["path",{d:"M12 18h.01",key:"mhygvu"}],["path",{d:"M16 18h.01",key:"kzsmim"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const br=F("Calendar",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Hm=F("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Qm=F("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Er=F("CircleAlert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const en=F("CircleCheck",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const vr=F("Clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16 14",key:"68esgv"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Km=F("Download",[["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["polyline",{points:"7 10 12 15 17 10",key:"2ggqvy"}],["line",{x1:"12",x2:"12",y1:"15",y2:"3",key:"1vk2je"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Qc=F("EyeOff",[["path",{d:"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",key:"ct8e1f"}],["path",{d:"M14.084 14.158a3 3 0 0 1-4.242-4.242",key:"151rxh"}],["path",{d:"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",key:"13bj9a"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Wm=F("Eye",[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Ca=F("House",[["path",{d:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",key:"5wwlr5"}],["path",{d:"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",key:"1d0kgt"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Wl=F("Layers",[["path",{d:"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z",key:"8b97xw"}],["path",{d:"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65",key:"dd6zsq"}],["path",{d:"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65",key:"ep9fru"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Gm=F("Lock",[["rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2",key:"1w4ew1"}],["path",{d:"M7 11V7a5 5 0 0 1 10 0v4",key:"fwvmzm"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Ym=F("LogOut",[["path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",key:"1uf3rs"}],["polyline",{points:"16 17 21 12 16 7",key:"1gabdz"}],["line",{x1:"21",x2:"9",y1:"12",y2:"12",key:"1uyos4"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const qm=F("Mail",[["rect",{width:"20",height:"16",x:"2",y:"4",rx:"2",key:"18n3k1"}],["path",{d:"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7",key:"1ocrg3"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const go=F("MapPin",[["path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",key:"1r0f0z"}],["circle",{cx:"12",cy:"10",r:"3",key:"ilqhr7"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Zm=F("Monitor",[["rect",{width:"20",height:"14",x:"2",y:"3",rx:"2",key:"48i651"}],["line",{x1:"8",x2:"16",y1:"21",y2:"21",key:"1svkeh"}],["line",{x1:"12",x2:"12",y1:"17",y2:"21",key:"vw1qmm"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Jm=F("Moon",[["path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z",key:"a7tn18"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Xm=F("Palette",[["circle",{cx:"13.5",cy:"6.5",r:".5",fill:"currentColor",key:"1okk4w"}],["circle",{cx:"17.5",cy:"10.5",r:".5",fill:"currentColor",key:"f64h9f"}],["circle",{cx:"8.5",cy:"7.5",r:".5",fill:"currentColor",key:"fotxhn"}],["circle",{cx:"6.5",cy:"12.5",r:".5",fill:"currentColor",key:"qy21gx"}],["path",{d:"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z",key:"12rzf8"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const wr=F("PenLine",[["path",{d:"M12 20h9",key:"t2du7b"}],["path",{d:"M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z",key:"1ykcvy"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const ep=F("Play",[["polygon",{points:"6 3 20 12 6 21 6 3",key:"1oa8hb"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const tn=F("Plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const tp=F("Printer",[["path",{d:"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2",key:"143wyd"}],["path",{d:"M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6",key:"1itne7"}],["rect",{x:"6",y:"14",width:"12",height:"8",rx:"1",key:"1ue0tg"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Kc=F("Search",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Ta=F("Settings",[["path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",key:"1qme2f"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const np=F("ShieldAlert",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"M12 8v4",key:"1got3b"}],["path",{d:"M12 16h.01",key:"1drbdi"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const rp=F("ShieldCheck",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Wc=F("Shield",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Gc=F("Sparkles",[["path",{d:"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",key:"4pj2yx"}],["path",{d:"M20 3v4",key:"1olli1"}],["path",{d:"M22 5h-4",key:"1gvqau"}],["path",{d:"M4 17v2",key:"vumght"}],["path",{d:"M5 18H3",key:"zchphs"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const lp=F("Sun",[["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m4.93 4.93 1.41 1.41",key:"149t6j"}],["path",{d:"m17.66 17.66 1.41 1.41",key:"ptbguv"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"m6.34 17.66-1.41 1.41",key:"1m8zz5"}],["path",{d:"m19.07 4.93-1.41 1.41",key:"1shlcs"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const sp=F("TableProperties",[["path",{d:"M15 3v18",key:"14nvp0"}],["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M21 9H3",key:"1338ky"}],["path",{d:"M21 15H3",key:"9uk58r"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Bt=F("Trash2",[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Pl=F("UserCheck",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["polyline",{points:"16 11 18 13 22 9",key:"1pwet4"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const ip=F("UserPlus",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["line",{x1:"19",x2:"19",y1:"8",y2:"14",key:"1bvyxn"}],["line",{x1:"22",x2:"16",y1:"11",y2:"11",key:"1shjgl"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const wi=F("UserX",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["line",{x1:"17",x2:"22",y1:"8",y2:"13",key:"3nzzx3"}],["line",{x1:"22",x2:"17",y1:"8",y2:"13",key:"1swrse"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const sl=F("User",[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const op=F("Users",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",key:"kshegd"}],["path",{d:"M16 3.13a4 4 0 0 1 0 7.75",key:"1da9ce"}]]);/** - * @license lucide-react v0.424.0 - ISC - * - * This source code is licensed under the ISC license. - * See the LICENSE file in the root directory of this source tree. - */const Yc=F("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);function ap({branding:e,user:t,activeTab:n,onChangeTab:r,themeMode:l,onChangeThemeMode:s,onLogout:o,onOpenAuth:a,onOpenCreateEvent:u,onOpenTemplates:d,onOpenProfile:h,onOpenAdmin:g,pwaInstallPrompt:x,onInstallPwa:k}){const y=(e==null?void 0:e.primary_color)||"var(--brand-primary)",v=()=>{s(l==="dark"?"light":l==="light"?"auto":"dark")};return i.jsxs("header",{className:"bg-surface border-b border-grid sticky top-0 z-40",children:[i.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between gap-4",children:[i.jsxs("div",{className:"flex items-center space-x-3 shrink-0",children:[i.jsx("div",{onClick:()=>r("home"),style:{backgroundColor:y},className:"w-8 h-8 rounded-sm flex items-center justify-center text-white font-bold cursor-pointer shadow-sm",children:e!=null&&e.logo_url?i.jsx("img",{src:e.logo_url,alt:"Logo",className:"w-4 h-4 object-contain"}):i.jsx(br,{className:"w-4 h-4"})}),i.jsxs("div",{onClick:()=>r("home"),className:"cursor-pointer",children:[i.jsx("h1",{className:"font-serif text-base font-bold tracking-tight text-main leading-none",children:(e==null?void 0:e.app_name)||"Schichtplaner"}),i.jsx("div",{className:"text-[10px] font-mono text-muted mt-1 uppercase tracking-wider flex items-center gap-1.5",children:t?i.jsxs("span",{className:"text-emerald-500 font-semibold",children:["[ ",t.display_name||t.username," ]"]}):i.jsx("span",{className:"text-amber-500 font-semibold",children:"[ GAST-MODUS ]"})})]})]}),i.jsxs("nav",{className:"hidden md:flex items-center gap-2",children:[i.jsxs("button",{onClick:()=>r("home"),className:`px-3 py-1.5 rounded-sm text-xs font-mono transition flex items-center gap-1.5 border ${n==="home"?"bg-surface-hover text-main font-bold border-grid":"text-muted hover:text-main border-transparent"}`,children:[i.jsx(Ca,{className:"w-3.5 h-3.5"})," Startseite"]}),i.jsxs("button",{onClick:()=>r("calendar"),className:`px-3 py-1.5 rounded-sm text-xs font-mono transition flex items-center gap-1.5 border ${n==="calendar"?"bg-surface-hover text-main font-bold border-grid":"text-muted hover:text-main border-transparent"}`,children:[i.jsx(Ea,{className:"w-3.5 h-3.5"})," Kalender"]}),((t==null?void 0:t.is_admin_user)||(t==null?void 0:t.is_staff)||(t==null?void 0:t.is_superuser))&&i.jsxs("button",{onClick:()=>r("admin"),className:`px-3 py-1.5 rounded-sm text-xs font-mono transition flex items-center gap-1.5 border ${n==="admin"?"bg-surface-hover text-main font-bold border-grid":"text-muted hover:text-main border-transparent"}`,children:[i.jsx(Ta,{className:"w-3.5 h-3.5 text-indigo-400"})," Admin"]})]}),i.jsxs("div",{className:"flex items-center space-x-2",children:[i.jsx("button",{onClick:v,className:"h-8 px-2.5 rounded-sm text-xs font-mono bg-subtle hover:bg-surface-hover text-main border border-grid transition flex items-center gap-1.5",title:`Design-Modus: ${l.toUpperCase()}`,children:l==="dark"?i.jsxs(i.Fragment,{children:[i.jsx(Jm,{className:"w-3.5 h-3.5 text-indigo-400"}),i.jsx("span",{className:"hidden lg:inline text-[11px] font-bold",children:"DARK"})]}):l==="light"?i.jsxs(i.Fragment,{children:[i.jsx(lp,{className:"w-3.5 h-3.5 text-amber-500"}),i.jsx("span",{className:"hidden lg:inline text-[11px] font-bold",children:"LIGHT"})]}):i.jsxs(i.Fragment,{children:[i.jsx(Zm,{className:"w-3.5 h-3.5 text-blue-500"}),i.jsx("span",{className:"hidden lg:inline text-[11px] font-bold",children:"AUTO"})]})}),x&&i.jsxs("button",{onClick:k,className:"h-8 px-2.5 rounded-sm text-xs font-mono bg-emerald-500/10 text-emerald-500 border border-emerald-500/20 hover:bg-emerald-500/20 transition flex items-center gap-1",children:[i.jsx(Gc,{className:"w-3 h-3"})," PWA"]}),t?i.jsxs(i.Fragment,{children:[i.jsxs("button",{onClick:u,style:{backgroundColor:y},className:"h-8 px-3 rounded-sm text-xs font-mono font-bold text-white transition flex items-center gap-1 shadow-sm hover:brightness-110",children:[i.jsx(tn,{className:"w-3.5 h-3.5"})," Event"]}),i.jsxs("button",{onClick:d,className:"h-8 px-2.5 rounded-sm text-xs font-mono bg-subtle hover:bg-surface-hover text-main border border-grid transition hidden sm:flex items-center gap-1",title:"Vorlagen",children:[i.jsx(Wl,{className:"w-3.5 h-3.5 text-muted"})," Vorlagen"]}),i.jsxs("button",{onClick:h,className:"h-8 px-2.5 rounded-sm text-xs font-mono bg-subtle hover:bg-surface-hover text-main border border-grid transition flex items-center gap-1",title:"Profil & Namen ändern",children:[i.jsx(wr,{className:"w-3.5 h-3.5 text-amber-500"})," Profil"]}),(t.is_admin_user||t.is_staff||t.is_superuser)&&i.jsxs("button",{onClick:()=>r("admin"),className:`h-8 px-2.5 rounded-sm text-xs font-mono transition flex items-center gap-1 border ${n==="admin"?"bg-indigo-500/20 text-indigo-300 border-indigo-500/40 font-bold":"bg-indigo-500/10 hover:bg-indigo-500/20 text-indigo-400 border-indigo-500/30"}`,title:"Admin-Zentrale",children:[i.jsx(Ta,{className:"w-3.5 h-3.5"})," Admin"]}),i.jsx("div",{className:"h-4 w-px bg-grid mx-1"}),i.jsx("button",{onClick:o,className:"h-8 w-8 rounded-sm text-muted hover:text-red-500 hover:bg-red-500/10 border border-transparent hover:border-red-500/20 transition flex items-center justify-center",title:"Abmelden",children:i.jsx(Ym,{className:"w-3.5 h-3.5"})})]}):i.jsxs("button",{onClick:a,style:{backgroundColor:y},className:"h-8 px-3.5 rounded-sm text-xs font-mono font-bold text-white transition hover:brightness-110 flex items-center gap-1.5 shadow-sm",children:[i.jsx(sl,{className:"w-3.5 h-3.5"})," Anmelden"]})]})]}),i.jsxs("div",{className:"flex md:hidden items-center justify-around border-t border-grid py-2 bg-subtle text-xs font-mono",children:[i.jsxs("button",{onClick:()=>r("home"),className:`flex items-center gap-1 px-3 py-1.5 rounded-sm border ${n==="home"?"text-main font-bold bg-surface border-grid":"text-muted border-transparent"}`,children:[i.jsx(Ca,{className:"w-3.5 h-3.5"})," Start"]}),i.jsxs("button",{onClick:()=>r("calendar"),className:`flex items-center gap-1 px-3 py-1.5 rounded-sm border ${n==="calendar"?"text-main font-bold bg-surface border-grid":"text-muted border-transparent"}`,children:[i.jsx(Ea,{className:"w-3.5 h-3.5"})," Termine"]}),i.jsxs("button",{onClick:()=>r("schedule"),className:`flex items-center gap-1 px-3 py-1.5 rounded-sm border ${n==="schedule"?"text-main font-bold bg-surface border-grid":"text-muted border-transparent"}`,children:[i.jsx(sp,{className:"w-3.5 h-3.5"})," Schichtplan"]})]})]})}function up({event:e,user:t,onSignupClick:n,onCancelClick:r,onRemoveUserFromShift:l,onGenerateClaimLink:s,onExportPdf:o,onPrintView:a,onEditEvent:u}){var g,x;if(!e||!e.task_areas||e.task_areas.length===0)return i.jsxs("div",{className:"hallmark-panel rounded-sm p-12 text-center border border-grid font-mono",children:[i.jsx(vr,{className:"w-8 h-8 text-muted mx-auto mb-3"}),i.jsx("h3",{className:"font-serif text-xl font-bold text-main uppercase",children:"Keine Aufgabenfelder vorhanden"}),i.jsx("p",{className:"text-xs text-muted mt-1 mb-4",children:"[ Event hat noch keine definierten Aufgabenfelder oder Schichten ]"}),t&&(t.is_admin_user||t.is_staff||t.is_superuser||(e==null?void 0:e.created_by)===t.id||((g=e==null?void 0:e.created_by)==null?void 0:g.id)===t.id)&&u&&i.jsxs("button",{onClick:()=>u(e),className:"px-4 py-2 rounded-sm bg-indigo-500/10 hover:bg-indigo-500/20 text-indigo-400 border border-indigo-500/30 font-bold text-xs inline-flex items-center gap-2",children:[i.jsx(wr,{className:"w-4 h-4"})," SCHICHTEN & BEREICHE ANLEGEN"]})]});const d=!t,h=t&&(t.is_admin_user||t.is_staff||t.is_superuser||e.created_by===t.id||((x=e.created_by)==null?void 0:x.id)===t.id);return i.jsxs("div",{className:"space-y-6",children:[i.jsxs("div",{className:"hallmark-panel rounded-sm p-6 sm:p-8 border border-grid flex flex-col md:flex-row md:items-center justify-between gap-4",children:[i.jsxs("div",{className:"space-y-1 font-mono",children:[i.jsxs("div",{className:"flex flex-wrap items-center gap-2 text-xs text-muted mb-1",children:[i.jsxs("span",{className:"bg-subtle px-2.5 py-0.5 rounded-sm border border-grid font-bold text-main",children:[new Date(e.start_date).toLocaleDateString("de-DE")," — ",new Date(e.end_date).toLocaleDateString("de-DE")]}),e.location&&i.jsxs("span",{className:"flex items-center gap-1 text-muted",children:[i.jsx(go,{className:"w-3.5 h-3.5 shrink-0"}),e.location]}),e.is_active===!1&&i.jsx("span",{className:"px-2 py-0.5 rounded-sm bg-amber-500/10 text-amber-500 border border-amber-500/20 font-bold",children:"[ DEAKTIVIERT ]"})]}),i.jsx("h2",{className:"font-serif text-3xl sm:text-4xl font-bold uppercase tracking-tight text-main",children:e.title}),e.description&&i.jsx("p",{className:"text-xs font-sans text-muted max-w-2xl mt-1",children:e.description})]}),i.jsxs("div",{className:"flex items-center gap-2 no-print font-mono text-xs shrink-0",children:[h&&u&&i.jsxs("button",{onClick:()=>u(e),className:"px-3.5 py-1.5 rounded-sm bg-indigo-500/10 hover:bg-indigo-500/20 text-indigo-400 border border-indigo-500/30 transition flex items-center gap-1.5 font-bold",title:"Schichten und Aufgabenbereiche für diese Veranstaltung bearbeiten",children:[i.jsx(wr,{className:"w-3.5 h-3.5"})," SCHICHTEN BEARBEITEN"]}),i.jsxs("button",{onClick:a,className:"px-3.5 py-1.5 rounded-sm bg-surface hover:bg-surface-hover text-main border border-grid transition flex items-center gap-1.5 font-bold",children:[i.jsx(tp,{className:"w-3.5 h-3.5"})," DRUCKEN"]}),i.jsxs("button",{onClick:o,className:"px-3.5 py-1.5 rounded-sm bg-surface hover:bg-surface-hover text-main border border-grid transition flex items-center gap-1.5 font-bold",children:[i.jsx(Km,{className:"w-3.5 h-3.5"})," PDF"]})]})]}),d&&i.jsxs("div",{className:"p-3.5 rounded-sm bg-amber-500/10 border border-amber-500/20 text-amber-500 text-xs font-mono flex items-center gap-2",children:[i.jsx(Wc,{className:"w-4 h-4 shrink-0 text-amber-500"}),i.jsxs("span",{children:["[ GAST-DATENSCHUTZ ]: Belegungszahlen sichtbar, Namensanzeige aus Datenschutzgründen ",i.jsx("strong",{children:"anonymisiert"}),"."]})]}),i.jsx("div",{className:"hallmark-panel rounded-sm border border-grid overflow-hidden",children:i.jsx("div",{className:"overflow-x-auto",children:i.jsxs("table",{className:"w-full text-left border-collapse",children:[i.jsx("thead",{children:i.jsxs("tr",{className:"bg-subtle border-b border-grid text-[11px] font-mono text-muted uppercase tracking-wider",children:[i.jsx("th",{className:"py-3.5 px-4 w-1/4",children:"Aufgabenfeld"}),i.jsx("th",{className:"py-3.5 px-4 w-1/4",children:"Schicht & Zeitraum"}),i.jsx("th",{className:"py-3.5 px-4 w-1/6",children:"Qualifikation"}),i.jsx("th",{className:"py-3.5 px-4 w-1/4",children:"Belegung & Personen"}),i.jsx("th",{className:"py-3.5 px-4 w-1/6 text-right",children:"Aktion"})]})}),i.jsx("tbody",{className:"divide-y divide-grid text-xs font-sans",children:e.task_areas.map(k=>!k.shifts||k.shifts.length===0?i.jsxs("tr",{children:[i.jsx("td",{className:"py-3.5 px-4 font-serif text-lg font-bold text-main uppercase",children:k.name}),i.jsx("td",{colSpan:4,className:"py-3.5 px-4 text-muted font-mono text-[11px]",children:"[ Keine Schichten angelegt ]"})]},`area-${k.id}`):k.shifts.map((y,v)=>{const R=v===0,f=y.is_full,m=!!(t?y.signups.find(S=>!S.is_guest&&S.display_name===t.display_name):null),w=y.required_skills&&y.required_skills.length>0;return i.jsxs("tr",{className:"hover:bg-surface-hover/60 transition",children:[R?i.jsxs("td",{rowSpan:k.shifts.length,className:"py-3.5 px-4 font-serif text-lg font-bold text-main uppercase bg-subtle/80 align-top border-r border-grid",children:[i.jsx("div",{children:k.name}),k.description&&i.jsx("div",{className:"text-[11px] font-sans font-normal text-muted mt-0.5",children:k.description})]}):null,i.jsxs("td",{className:"py-3.5 px-4",children:[i.jsx("div",{className:"font-semibold text-main",children:y.title}),i.jsxs("div",{className:"text-[11px] font-mono text-muted flex items-center gap-1 mt-0.5",children:[i.jsx(vr,{className:"w-3 h-3 text-muted shrink-0"}),i.jsxs("span",{children:[y.start_time," — ",y.end_time," Uhr"]})]})]}),i.jsx("td",{className:"py-3.5 px-4 font-mono",children:w?i.jsx("div",{className:"flex flex-wrap gap-1",children:y.required_skills.map(S=>i.jsxs("span",{style:{backgroundColor:`${S.color}15`,borderColor:`${S.color}35`,color:S.color},className:"px-2 py-0.5 rounded-sm text-[10px] font-semibold border flex items-center gap-1",children:[i.jsx(Bm,{className:"w-3 h-3 shrink-0"})," ",S.name]},S.id))}):i.jsx("span",{className:"text-[11px] text-muted",children:"—"})}),i.jsxs("td",{className:"py-3.5 px-4 font-mono",children:[i.jsx("div",{className:"flex items-center gap-2",children:i.jsxs("span",{className:`px-2 py-0.5 rounded-sm text-[11px] font-bold border ${f?"bg-red-500/10 text-red-500 border-red-500/20":"bg-emerald-500/10 text-emerald-500 border-emerald-500/20"}`,children:["[ ",y.signups_count," / ",y.max_participants," BELEGT ]"]})}),i.jsx("div",{className:"mt-2 space-y-1 font-sans",children:y.signups.map(S=>i.jsxs("div",{className:"text-[11px] text-muted flex items-center justify-between gap-2 p-1.5 rounded-sm bg-subtle border border-grid",children:[i.jsxs("div",{className:"flex items-center gap-1.5 truncate",children:[i.jsx(Pl,{className:"w-3 h-3 text-muted shrink-0"}),i.jsx("span",{className:"truncate",children:S.display_name}),S.is_guest&&i.jsx("span",{className:"text-[9px] font-mono text-amber-500 px-1 rounded-sm bg-amber-500/10 border border-amber-500/20 font-bold",children:"GAST"})]}),i.jsxs("div",{className:"flex items-center gap-1 shrink-0",children:[t&&S.is_guest&&s&&i.jsxs("button",{onClick:()=>s(S),className:"text-indigo-400 hover:text-indigo-300 transition p-1 rounded-sm bg-indigo-500/10 hover:bg-indigo-500/20 border border-indigo-500/20 flex items-center gap-1 text-[10px] font-mono font-bold",title:"Konto-Einladungslink für diese Gast-Eintragung kopieren",children:[i.jsx(ip,{className:"w-3 h-3"})," LINK"]}),h&&l&&i.jsx("button",{onClick:()=>l(y,S.id),className:"text-muted hover:text-red-500 transition p-1 rounded-sm hover:bg-red-500/10",title:"Person aus dieser Schicht entfernen",children:i.jsx(wi,{className:"w-3.5 h-3.5"})})]})]},S.id))})]}),i.jsx("td",{className:"py-3.5 px-4 text-right font-mono",children:m?i.jsxs("button",{onClick:()=>r(y),className:"px-3 py-1.5 rounded-sm text-xs font-semibold bg-red-500/10 hover:bg-red-500/20 text-red-500 border border-red-500/20 transition flex items-center gap-1 ml-auto",children:[i.jsx(wi,{className:"w-3.5 h-3.5"})," AUSTRAGEN"]}):f?i.jsx("span",{className:"text-xs text-muted font-bold",children:"[ VOLL ]"}):i.jsxs("button",{onClick:()=>n(y),style:{backgroundColor:"var(--brand-primary)"},className:"px-3.5 py-1.5 rounded-sm text-xs font-bold text-white transition hover:brightness-110 flex items-center gap-1 ml-auto shadow-sm",children:[i.jsx(en,{className:"w-3.5 h-3.5"})," EINTRAGEN"]})})]},`shift-${y.id}`)}))})]})})})]})}function cp({shift:e,onClose:t,onSubmit:n}){const[r,l]=j.useState(""),[s,o]=j.useState(""),[a,u]=j.useState(!1),[d,h]=j.useState(""),[g,x]=j.useState(!1);j.useEffect(()=>{const v=localStorage.getItem("guest_display_name")||"";v&&l(v)},[]);const k=()=>{const v="acaptcha-verified-"+Math.random().toString(36).substring(2,10);o(v),u(!0)},y=async v=>{if(v.preventDefault(),h(""),!r.trim()){h("Bitte gib deinen Namen ein.");return}if(!a||!s){h("Bitte löse zuerst das Captcha.");return}localStorage.setItem("guest_display_name",r.trim()),x(!0);try{await n({guest_name:r.trim(),captcha_token:s}),t()}catch(R){h(R.message||"Eintragen fehlgeschlagen.")}finally{x(!1)}};return i.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-4 bg-slate-950/80 backdrop-blur-sm",children:i.jsxs("div",{className:"glass-panel w-full max-w-md rounded-2xl border border-slate-800 p-6 shadow-2xl relative animate-in fade-in zoom-in-95 duration-200",children:[i.jsx("button",{onClick:t,className:"absolute top-4 right-4 p-2 text-slate-400 hover:text-white rounded-lg transition",children:i.jsx(Yc,{className:"w-5 h-5"})}),i.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[i.jsx("div",{className:"w-10 h-10 rounded-xl bg-blue-500/10 text-blue-400 border border-blue-500/20 flex items-center justify-center",children:i.jsx(Pl,{className:"w-5 h-5"})}),i.jsxs("div",{children:[i.jsx("h3",{className:"font-bold text-lg text-white",children:"Als Gast eintragen"}),i.jsxs("p",{className:"text-xs text-slate-400",children:["Schicht: ",e==null?void 0:e.title," (",e==null?void 0:e.start_time," - ",e==null?void 0:e.end_time,")"]})]})]}),d&&i.jsxs("div",{className:"mb-4 p-3 rounded-xl bg-red-500/10 border border-red-500/20 text-red-400 text-xs flex items-center gap-2",children:[i.jsx(Er,{className:"w-4 h-4 shrink-0"}),i.jsx("span",{children:d})]}),i.jsxs("form",{onSubmit:y,className:"space-y-4",children:[i.jsxs("div",{children:[i.jsx("label",{className:"block text-xs font-semibold text-slate-300 mb-1",children:"Dein Name / Anzeigename"}),i.jsx("input",{type:"text",required:!0,value:r,onChange:v=>l(v.target.value),placeholder:"z. B. Alex Muster",className:"w-full px-3.5 py-2.5 rounded-xl bg-slate-900 border border-slate-800 text-white text-sm focus:outline-none focus:border-blue-500 transition"}),i.jsx("p",{className:"text-[11px] text-slate-500 mt-1",children:"Dein Name wird in deiner Sitzung gespeichert. Falls du später ein Konto mit diesem Namen erstellst, werden deine Gast-Schichten automatisch übertragen!"})]}),i.jsxs("div",{className:"p-4 rounded-xl bg-slate-900/90 border border-slate-800 space-y-3",children:[i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsxs("span",{className:"text-xs font-semibold text-slate-300 flex items-center gap-1.5",children:[i.jsx(rp,{className:"w-4 h-4 text-emerald-400"})," Security Check (acaptcha.vercel.app)"]}),i.jsx("a",{href:"https://acaptcha.vercel.app/",target:"_blank",rel:"noreferrer",className:"text-[10px] text-blue-400 hover:underline",children:"Website öffnen"})]}),i.jsxs("div",{className:"border border-dashed border-slate-700 rounded-lg p-3 text-center bg-slate-950/60",children:[i.jsx("iframe",{src:"https://acaptcha.vercel.app/",title:"acaptcha",className:"w-full h-16 border-0 rounded"}),i.jsx("div",{className:"mt-2 flex items-center justify-center gap-2",children:a?i.jsxs("div",{className:"text-xs font-medium text-emerald-400 flex items-center gap-1",children:[i.jsx(en,{className:"w-4 h-4"})," Captcha erfolgreich verifiziert!"]}):i.jsxs("button",{type:"button",onClick:k,className:"px-3 py-1.5 text-xs font-semibold rounded-lg bg-emerald-600 hover:bg-emerald-500 text-white transition flex items-center gap-1",children:[i.jsx(en,{className:"w-3.5 h-3.5"})," Captcha gelöst bestätigen"]})})]})]}),i.jsxs("div",{className:"pt-2 flex justify-end gap-2",children:[i.jsx("button",{type:"button",onClick:t,className:"px-4 py-2 rounded-xl text-xs font-semibold text-slate-400 hover:bg-slate-800 transition",children:"Abbrechen"}),i.jsx("button",{type:"submit",disabled:g,className:"px-5 py-2 rounded-xl text-xs font-bold bg-blue-600 hover:bg-blue-500 text-white transition shadow-lg shadow-blue-600/30 disabled:opacity-50",children:g?"Eintragen...":"Jetzt eintragen"})]})]})]})})}const dp="/api",ki=()=>localStorage.getItem("auth_token"),tr=e=>{e?localStorage.setItem("auth_token",e):localStorage.removeItem("auth_token")},$=async(e,t={})=>{const n=ki(),r={"Content-Type":"application/json",...n?{Authorization:`Token ${n}`}:{},...t.headers},l=await fetch(`${dp}${e}`,{...t,headers:r}),s=l.headers.get("content-type");let o=null;if(s&&s.includes("application/json")&&(o=await l.json()),!l.ok){let a="Ein Fehler ist aufgetreten.";throw o&&(typeof o.error=="string"?a=o.error:typeof o.detail=="string"?a=o.detail:o.email?a=Array.isArray(o.email)?o.email[0]:o.email:o.username?a=Array.isArray(o.username)?o.username[0]:o.username:o.non_field_errors&&(a=o.non_field_errors[0])),new Error(a)}return o};function fp({onClose:e,onSuccess:t,claimToken:n,prefilledGuestName:r}){const[l,s]=j.useState(!!(n||r)),[o,a]=j.useState(""),[u,d]=j.useState(""),[h,g]=j.useState(""),[x,k]=j.useState(r||""),[y,v]=j.useState(null),[R,f]=j.useState(""),[c,m]=j.useState(!1);j.useEffect(()=>{w()},[]);const w=async()=>{try{const b=await $("/users/restriction-setting/");v(b)}catch{}},S=async b=>{b.preventDefault(),f(""),m(!0);try{if(l){const N={username:o,email:u,password:h,display_name:x||o};n&&(N.claim_token=n);const E=await $("/users/register/",{method:"POST",body:JSON.stringify(N)});if(E.requires_verification||E.requires_approval||!E.token){t(null,E.message||"Konto erfolgreich registriert! Bitte schau in deine E-Mail zur Bestätigung oder warte auf die Admin-Freischaltung."),e();return}tr(E.token),t(E.user,E.message)}else{const N=await $("/users/login/",{method:"POST",body:JSON.stringify({username:o,password:h})});tr(N.token),t(N.user,"Erfolgreich angemeldet!")}e()}catch(N){f(N.message||"Authentifizierung fehlgeschlagen.")}finally{m(!1)}};return i.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm",children:i.jsxs("div",{className:"hallmark-panel w-full max-w-md rounded-sm border border-grid p-6 shadow-2xl relative animate-in fade-in zoom-in-95 duration-200",children:[i.jsx("button",{onClick:e,className:"absolute top-4 right-4 p-2 text-muted hover:text-main rounded-sm transition",children:i.jsx(Yc,{className:"w-5 h-5"})}),i.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[i.jsx("div",{className:"w-10 h-10 rounded-sm bg-blue-500/10 text-blue-500 border border-blue-500/20 flex items-center justify-center",children:i.jsx(sl,{className:"w-5 h-5"})}),i.jsxs("div",{children:[i.jsx("h3",{className:"font-serif font-bold text-lg text-main",children:l?"Konto erstellen":"Anmelden"}),i.jsx("p",{className:"text-xs text-muted font-sans",children:l?"Erstelle einen Account für volle Funktionen & Schichteinsicht":"Melde dich an, um Events zu verwalten"})]})]}),r&&i.jsxs("div",{className:"mb-4 p-3 rounded-sm bg-amber-500/10 border border-amber-500/20 text-amber-500 text-xs flex items-center gap-2 font-mono",children:[i.jsx(Gc,{className:"w-4 h-4 shrink-0 text-amber-500"}),i.jsxs("span",{children:["Einladung für Gast: ",i.jsx("strong",{children:r}),". Die Schicht wird deinem neuen Konto zugewiesen!"]})]}),(y==null?void 0:y.is_restriction_enabled)&&l&&i.jsxs("div",{className:"mb-4 p-3 rounded-sm bg-indigo-500/10 border border-indigo-500/20 text-indigo-400 text-xs flex items-center gap-2 font-mono",children:[i.jsx(np,{className:"w-4 h-4 shrink-0 text-indigo-400"}),i.jsxs("span",{children:["Registrierungen beschränkt auf: ",i.jsx("strong",{children:y.active_domains.join(", ")})]})]}),R&&i.jsxs("div",{className:"mb-4 p-3 rounded-sm bg-red-500/10 border border-red-500/20 text-red-500 text-xs flex items-center gap-2 font-mono",children:[i.jsx(Er,{className:"w-4 h-4 shrink-0"}),i.jsx("span",{children:R})]}),!l&&i.jsxs("div",{className:"mb-5 p-3.5 rounded-sm bg-subtle border border-grid space-y-2 font-mono",children:[i.jsx("div",{className:"text-[11px] font-semibold text-muted uppercase tracking-wider flex items-center justify-between",children:i.jsx("span",{children:"⚡ Dev Schnell-Login"})}),i.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[i.jsxs("button",{type:"button",onClick:()=>{a("admin"),g("adminpassword")},className:"px-2.5 py-1.5 rounded-sm bg-indigo-500/10 hover:bg-indigo-500/20 text-indigo-400 border border-indigo-500/30 text-xs font-semibold transition text-left",children:["👑 Demo Admin",i.jsx("div",{className:"text-[10px] text-indigo-400 font-normal",children:"admin / adminpassword"})]}),i.jsxs("button",{type:"button",onClick:()=>{a("demouser"),g("demouser123")},className:"px-2.5 py-1.5 rounded-sm bg-emerald-500/10 hover:bg-emerald-500/20 text-emerald-500 border border-emerald-500/30 text-xs font-semibold transition text-left",children:["👤 Demo User",i.jsx("div",{className:"text-[10px] text-emerald-500 font-normal",children:"demouser / demouser123"})]})]})]}),i.jsxs("form",{onSubmit:S,className:"space-y-4 font-sans",children:[i.jsxs("div",{children:[i.jsx("label",{className:"block text-xs font-semibold text-main mb-1 font-mono",children:"Benutzername"}),i.jsxs("div",{className:"relative",children:[i.jsx(sl,{className:"w-4 h-4 absolute left-3 top-3 text-muted"}),i.jsx("input",{type:"text",required:!0,value:o,onChange:b=>a(b.target.value),placeholder:"z. B. max_muster",className:"w-full pl-9 pr-3.5 py-2 rounded-sm input-field text-sm font-mono"})]})]}),l&&i.jsxs(i.Fragment,{children:[i.jsxs("div",{children:[i.jsx("label",{className:"block text-xs font-semibold text-main mb-1 font-mono",children:"E-Mail-Adresse"}),i.jsxs("div",{className:"relative",children:[i.jsx(qm,{className:"w-4 h-4 absolute left-3 top-3 text-muted"}),i.jsx("input",{type:"email",required:!0,value:u,onChange:b=>d(b.target.value),placeholder:"max@beispiel.de",className:"w-full pl-9 pr-3.5 py-2 rounded-sm input-field text-sm font-mono"})]})]}),i.jsxs("div",{children:[i.jsx("label",{className:"block text-xs font-semibold text-main mb-1 font-mono",children:"Anzeigename (für Schichtlisten)"}),i.jsxs("div",{className:"relative",children:[i.jsx(sl,{className:"w-4 h-4 absolute left-3 top-3 text-muted"}),i.jsx("input",{type:"text",value:x,onChange:b=>k(b.target.value),placeholder:"z. B. Max M.",className:"w-full pl-9 pr-3.5 py-2 rounded-sm input-field text-sm font-mono"})]})]})]}),i.jsxs("div",{children:[i.jsx("label",{className:"block text-xs font-semibold text-main mb-1 font-mono",children:"Passwort"}),i.jsxs("div",{className:"relative",children:[i.jsx(Gm,{className:"w-4 h-4 absolute left-3 top-3 text-muted"}),i.jsx("input",{type:"password",required:!0,value:h,onChange:b=>g(b.target.value),placeholder:"••••••••",className:"w-full pl-9 pr-3.5 py-2 rounded-sm input-field text-sm font-mono"})]})]}),i.jsx("button",{type:"submit",disabled:c,style:{backgroundColor:"var(--brand-primary)"},className:"w-full py-2.5 rounded-sm text-xs font-mono font-bold text-white transition hover:brightness-110 shadow-sm",children:c?"Verarbeite...":l?"Registrieren":"Anmelden"})]}),i.jsx("div",{className:"mt-4 pt-4 border-t border-grid text-center",children:i.jsx("button",{type:"button",onClick:()=>{s(!l),f("")},className:"text-xs font-mono text-muted hover:text-main transition",children:l?"Bereits ein Konto? Hier anmelden":"Noch kein Konto? Jetzt registrieren"})})]})})}function mp({events:e,user:t,onSelectEvent:n,onOpenCreateEvent:r,onToggleEventActive:l,onEditEvent:s,branding:o}){const[a,u]=j.useState(""),[d,h]=j.useState("all"),g=new Date().toISOString().split("T")[0],x=e.filter(c=>c.title.toLowerCase().includes(a.toLowerCase())||c.description&&c.description.toLowerCase().includes(a.toLowerCase())||c.location&&c.location.toLowerCase().includes(a.toLowerCase())?d==="upcoming"?c.end_date>=g:!0:!1),k=(o==null?void 0:o.primary_color)||"var(--brand-primary)",y=(o==null?void 0:o.show_community_info_box)??!0,v=(o==null?void 0:o.show_support_box)??!0,R=y||v,f=t&&(t.is_admin_user||t.is_staff||t.is_superuser);return i.jsxs("div",{className:"space-y-8 animate-in fade-in duration-200",children:[i.jsxs("div",{className:"hallmark-panel rounded-sm p-6 sm:p-10 space-y-6 max-w-5xl mx-auto relative border border-grid",children:[i.jsxs("div",{className:"space-y-2 border-b border-grid pb-6",children:[i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsx("span",{className:"font-mono text-[10px] uppercase tracking-widest text-muted border border-grid px-2.5 py-1 rounded-sm inline-block",children:(o==null?void 0:o.app_name)||"SCHICHT- & EVENTPORTAL"}),(o==null?void 0:o.custom_banner_text)&&i.jsxs("span",{className:"font-mono text-[10px] uppercase tracking-widest text-amber-500 bg-amber-500/10 border border-amber-500/20 px-2.5 py-1 rounded-sm inline-block font-bold",children:["📢 ",o.custom_banner_text]})]}),i.jsx("h2",{className:"font-serif text-3xl sm:text-5xl font-bold uppercase tracking-tight text-main leading-tight",children:"Veranstaltungen & Schichtkoordination"}),i.jsx("p",{className:"font-sans text-xs sm:text-sm text-muted max-w-2xl",children:"Hier findest du aktuelle Termine, Arbeitsgruppen, Bar- & Tresendienste und Schichtpläne der Initiative."})]}),i.jsxs("div",{className:"flex flex-col sm:flex-row items-stretch sm:items-center justify-between gap-3",children:[i.jsxs("div",{className:"relative flex-1",children:[i.jsx(Kc,{className:"w-4 h-4 absolute left-3.5 top-3 text-muted"}),i.jsx("input",{type:"text",value:a,onChange:c=>u(c.target.value),placeholder:"Veranstaltung, Ort oder Suchbegriff...",className:"w-full pl-10 pr-16 py-2 rounded-sm bg-subtle border border-grid text-main text-xs font-mono focus:outline-none focus:border-muted"}),a&&i.jsx("button",{onClick:()=>u(""),className:"absolute right-3 top-2.5 text-[10px] font-mono text-muted hover:text-main",children:"[ CLEAR ]"})]}),i.jsxs("div",{className:"flex items-center gap-1.5 font-mono text-xs shrink-0",children:[i.jsxs("button",{onClick:()=>h("all"),className:`px-3.5 py-1.5 rounded-sm transition border ${d==="all"?"bg-surface-hover text-main border-grid font-bold shadow-sm":"bg-subtle text-muted border-grid hover:text-main"}`,children:["ALLE PROGRAMME (",e.length,")"]}),i.jsxs("button",{onClick:()=>h("upcoming"),className:`px-3.5 py-1.5 rounded-sm transition border ${d==="upcoming"?"bg-surface-hover text-main border-grid font-bold shadow-sm":"bg-subtle text-muted border-grid hover:text-main"}`,children:["ANSTEHEND (",e.filter(c=>c.end_date>=g).length,")"]})]})]})]}),i.jsxs("div",{className:"max-w-5xl mx-auto grid grid-cols-1 lg:grid-cols-4 gap-6",children:[i.jsxs("div",{className:`${R?"lg:col-span-3":"lg:col-span-4"} space-y-4`,children:[i.jsxs("div",{className:"flex items-center justify-between border-b border-grid pb-3 font-mono",children:[i.jsxs("h3",{className:"font-serif text-xl font-bold uppercase tracking-wide text-main flex items-center gap-2",children:[i.jsx(br,{className:"w-4.5 h-4.5 text-muted"})," Termine & Schichten"]}),t&&i.jsxs("button",{onClick:r,style:{backgroundColor:k},className:"px-3.5 py-1.5 rounded-sm text-xs font-mono font-bold text-white transition flex items-center gap-1 hover:brightness-110 shadow-sm",children:[i.jsx(tn,{className:"w-3.5 h-3.5"})," EVENT ANLEGEN"]})]}),x.length===0?i.jsx("div",{className:"hallmark-panel rounded-sm p-12 text-center text-xs font-mono text-muted border border-grid",children:a?`[ Keinen Eintrag für "${a}" gefunden ]`:"[ Keine Veranstaltungen vorhanden ]"}):i.jsx("div",{className:`grid grid-cols-1 sm:grid-cols-2 ${R?"":"lg:grid-cols-3"} gap-4`,children:x.map(c=>{var N,E,U;const m=((N=c.task_areas)==null?void 0:N.length)||0,w=((E=c.task_areas)==null?void 0:E.reduce((M,ee)=>{var D;return M+(((D=ee.shifts)==null?void 0:D.length)||0)},0))||0,S=t&&(c.created_by===t.id||((U=c.created_by)==null?void 0:U.id)===t.id),b=f||S;return i.jsxs("div",{className:`hallmark-card rounded-sm p-5 border transition flex flex-col justify-between space-y-4 group overflow-hidden ${c.is_active===!1?"border-amber-500/40 opacity-80 bg-subtle":"border-grid"}`,children:[i.jsxs("div",{className:"space-y-3",children:[i.jsxs("div",{className:"flex items-center justify-between text-[11px] font-mono text-muted gap-2",children:[i.jsxs("span",{className:"flex items-center gap-1 bg-subtle px-2 py-0.5 rounded-sm border border-grid font-bold shrink-0",children:[i.jsx(vr,{className:"w-3 h-3 text-muted"}),new Date(c.start_date).toLocaleDateString("de-DE")]}),c.is_active===!1?i.jsx("span",{className:"text-amber-500 font-bold px-1.5 py-0.5 rounded-sm bg-amber-500/10 border border-amber-500/20 shrink-0",children:"[ DEAKTIVIERT ]"}):c.location?i.jsxs("span",{className:"flex items-center gap-1 text-muted truncate max-w-[130px]",children:[i.jsx(go,{className:"w-3 h-3 shrink-0"}),i.jsx("span",{className:"truncate",children:c.location})]}):null]}),i.jsx("h4",{className:"font-serif text-lg font-bold uppercase text-main group-hover:text-amber-500 transition line-clamp-2",children:c.title}),c.description&&i.jsx("p",{className:"text-xs text-muted font-sans line-clamp-2",children:c.description}),i.jsxs("div",{className:"text-[10px] font-mono text-muted flex items-center gap-1.5 pt-1",children:[i.jsxs("span",{children:[m," Bereiche"]}),i.jsx("span",{children:"/"}),i.jsxs("span",{children:[w," Schichten"]})]})]}),i.jsx("div",{className:"pt-3 border-t border-grid space-y-2 font-mono",children:i.jsxs("div",{className:"flex flex-wrap items-center gap-1.5",children:[i.jsxs("button",{onClick:()=>n(c.id),className:"flex-1 min-w-[110px] py-1.5 px-3 rounded-sm text-xs font-mono font-bold bg-surface hover:bg-surface-hover text-main border border-grid transition flex items-center justify-center gap-1",children:["Schichtplan ",i.jsx(Hc,{className:"w-3.5 h-3.5"})]}),b&&s&&i.jsxs("button",{onClick:()=>s(c),className:"py-1.5 px-2.5 rounded-sm text-[10px] font-mono font-bold bg-indigo-500/10 text-indigo-400 border border-indigo-500/20 hover:bg-indigo-500/20 transition flex items-center gap-1 shrink-0",title:"Veranstaltung & Schichten bearbeiten",children:[i.jsx(wr,{className:"w-3.5 h-3.5"})," BEARBEITEN"]}),b&&l&&i.jsx("button",{onClick:()=>l(c),className:`py-1.5 px-2 rounded-sm text-[10px] font-mono font-bold transition flex items-center gap-1 border shrink-0 ${c.is_active!==!1?"bg-amber-500/10 text-amber-500 border-amber-500/20 hover:bg-amber-500/20":"bg-emerald-500/10 text-emerald-400 border-emerald-500/20 hover:bg-emerald-500/20"}`,title:c.is_active!==!1?"Deaktivieren":"Aktivieren",children:c.is_active!==!1?i.jsx(Qc,{className:"w-3.5 h-3.5"}):i.jsx(en,{className:"w-3.5 h-3.5"})})]})})]},c.id)})})]}),R&&i.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[y&&i.jsxs("div",{className:"hallmark-panel rounded-sm p-4 border border-grid space-y-3",children:[i.jsx("h4",{className:"font-serif text-sm font-bold uppercase tracking-wide text-main border-b border-grid pb-2",children:(o==null?void 0:o.community_info_title)||"📌 Verein & Infos"}),i.jsx("div",{className:"space-y-2 text-muted text-[11px] whitespace-pre-line",children:(o==null?void 0:o.community_info_text)||`Initiative e.V. Hausverein -Offene Angebote, DIY-Kultur & engagierte Schichten.`})]}),v&&i.jsxs("div",{className:"hallmark-panel rounded-sm p-4 border border-grid space-y-3",children:[i.jsx("h4",{className:"font-serif text-sm font-bold uppercase tracking-wide text-main border-b border-grid pb-2",children:(o==null?void 0:o.support_box_title)||"❤️ Unterstützen"}),i.jsx("p",{className:"text-[11px] text-muted whitespace-pre-line",children:(o==null?void 0:o.support_box_text)||"Hilf mit als Helfer*in an der Bar, beim Essen kochen oder beim Auf- & Abbau."})]})]})]})]})}function pp({events:e,onSelectEvent:t,branding:n}){const[r,l]=j.useState(new Date),[s,o]=j.useState(null),a=r.getFullYear(),u=r.getMonth(),d=["JANUAR","FEBRUAR","MÄRZ","APRIL","MAI","JUNI","JULI","AUGUST","SEPTEMBER","OKTOBER","NOVEMBER","DEZEMBER"],h=()=>l(new Date(a,u-1,1)),g=()=>l(new Date(a,u+1,1)),x=()=>l(new Date),k=new Date(a,u,1).getDay(),y=k===0?6:k-1,v=new Date(a,u+1,0).getDate(),R=m=>{const w=String(u+1).padStart(2,"0"),S=String(m).padStart(2,"0");return`${a}-${w}-${S}`},f=m=>{const w=R(m);return e.filter(S=>w>=S.start_date&&w<=S.end_date)},c=(n==null?void 0:n.primary_color)||"var(--brand-primary)";return i.jsxs("div",{className:"space-y-6 max-w-5xl mx-auto animate-in fade-in duration-200",children:[i.jsxs("div",{className:"hallmark-panel rounded-sm p-6 sm:p-8 border border-grid flex flex-col sm:flex-row sm:items-center justify-between gap-4 font-mono",children:[i.jsxs("div",{className:"flex items-center gap-3",children:[i.jsx("div",{className:"w-10 h-10 rounded-sm bg-subtle text-main border border-grid flex items-center justify-center font-bold",children:i.jsx(br,{className:"w-4 h-4 text-amber-500"})}),i.jsxs("div",{children:[i.jsxs("h2",{className:"font-serif text-3xl sm:text-4xl font-bold uppercase tracking-tight text-main leading-none",children:[d[u]," ",a]}),i.jsx("p",{className:"text-[10px] text-muted uppercase tracking-widest mt-1",children:"— INITIATIVE E.V. TERMIN- & SCHICHTÜBERSICHT —"})]})]}),i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsx("button",{onClick:x,className:"px-3.5 py-1.5 rounded-sm text-xs font-mono font-bold bg-surface hover:bg-surface-hover text-main border border-grid transition",children:"[ HEUTE ]"}),i.jsx("button",{onClick:h,className:"p-1.5 rounded-sm text-muted hover:text-main bg-surface border border-grid transition",title:"Vorheriger Monat",children:i.jsx(Hm,{className:"w-4 h-4"})}),i.jsx("button",{onClick:g,className:"p-1.5 rounded-sm text-muted hover:text-main bg-surface border border-grid transition",title:"Nächster Monat",children:i.jsx(Qm,{className:"w-4 h-4"})})]})]}),i.jsxs("div",{className:"hallmark-panel rounded-sm border border-grid overflow-hidden",children:[i.jsxs("div",{className:"grid grid-cols-7 bg-subtle border-b border-grid text-center text-xs font-mono text-muted font-bold py-3 uppercase",children:[i.jsx("div",{children:"MO"}),i.jsx("div",{children:"DI"}),i.jsx("div",{children:"MI"}),i.jsx("div",{children:"DO"}),i.jsx("div",{children:"FR"}),i.jsx("div",{children:"SA"}),i.jsx("div",{children:"SO"})]}),i.jsxs("div",{className:"grid grid-cols-7 auto-rows-fr divide-x divide-y divide-grid bg-surface text-xs font-mono",children:[Array.from({length:y}).map((m,w)=>i.jsx("div",{className:"min-h-[100px] sm:min-h-[110px] p-2 bg-subtle/50 text-muted opacity-30"},`offset-${w}`)),Array.from({length:v}).map((m,w)=>{const S=w+1,b=f(S),N=new Date().getFullYear()===a&&new Date().getMonth()===u&&new Date().getDate()===S;return i.jsxs("div",{className:`min-h-[100px] sm:min-h-[110px] p-2 flex flex-col justify-between transition ${N?"bg-surface-hover/80 font-bold":"hover:bg-surface-hover/50"}`,children:[i.jsxs("div",{className:"flex items-center justify-between mb-1",children:[i.jsx("span",{className:`w-5 h-5 rounded-sm flex items-center justify-center font-mono text-xs ${N?"bg-main text-paper font-bold shadow-sm":"text-muted"}`,children:S}),b.length>0&&i.jsxs("span",{className:"text-[9px] font-mono text-muted",children:[b.length," ",b.length===1?"Event":"Events"]})]}),i.jsx("div",{className:"space-y-1.5 overflow-y-auto max-h-[70px] no-scrollbar",children:b.map(E=>{const U=(s==null?void 0:s.id)===E.id;return i.jsx("button",{onClick:()=>o(E),style:{backgroundColor:U?c:`${c}15`,borderColor:`${c}40`,color:U?"#ffffff":c},className:`w-full text-left px-2 py-1 rounded-sm text-[10px] font-mono font-bold border truncate block hover:brightness-110 transition shadow-sm ${E.is_active===!1?"opacity-50 line-through":""}`,children:E.title},`evt-${E.id}`)})})]},`day-${S}`)})]})]}),s&&i.jsxs("div",{className:"hallmark-panel rounded-sm p-6 border border-grid flex flex-col sm:flex-row sm:items-center justify-between gap-4 font-mono animate-in fade-in duration-200",children:[i.jsxs("div",{className:"space-y-2",children:[i.jsxs("div",{className:"flex flex-wrap items-center gap-2 text-xs text-muted",children:[i.jsxs("span",{className:"flex items-center gap-1 bg-subtle px-2 py-0.5 rounded-sm border border-grid font-bold text-main",children:[i.jsx(vr,{className:"w-3 h-3 text-muted"}),new Date(s.start_date).toLocaleDateString("de-DE")," — ",new Date(s.end_date).toLocaleDateString("de-DE")]}),s.location&&i.jsxs("span",{className:"flex items-center gap-1 text-muted",children:[i.jsx(go,{className:"w-3 h-3"}),s.location]})]}),i.jsx("h3",{className:"font-serif text-2xl font-bold uppercase text-main",children:s.title}),s.description&&i.jsx("p",{className:"text-xs font-sans text-muted max-w-xl",children:s.description})]}),i.jsx("div",{className:"flex items-center gap-2 shrink-0",children:i.jsxs("button",{onClick:()=>t(s.id),style:{backgroundColor:c},className:"px-5 py-2 rounded-sm text-xs font-mono font-bold text-white transition flex items-center gap-1.5 hover:brightness-110 shadow-sm",children:["SCHICHTPLAN ÖFFNEN ",i.jsx(Hc,{className:"w-4 h-4"})]})})]})]})}function hp({branding:e,onRefreshBranding:t,onRefreshEvents:n,skills:r,onRefreshSkills:l}){const[s,o]=j.useState("users"),[a,u]=j.useState(!0),[d,h]=j.useState(""),[g,x]=j.useState(""),[k,y]=j.useState([]),[v,R]=j.useState(""),[f,c]=j.useState([]),[m,w]=j.useState(!1),[S,b]=j.useState(!1),[N,E]=j.useState([]),[U,M]=j.useState(""),[ee,D]=j.useState([]),[I,V]=j.useState([]),[W,H]=j.useState(""),[Se,T]=j.useState(""),[O,L]=j.useState("#E05A47"),[q,se]=j.useState((e==null?void 0:e.app_name)||"Veranstaltungsschichtplaner"),[et,ge]=j.useState((e==null?void 0:e.logo_url)||""),[ye,me]=j.useState((e==null?void 0:e.primary_color)||"#E05A47"),[ot,Gl]=j.useState((e==null?void 0:e.custom_banner_text)||""),[$t,Yl]=j.useState((e==null?void 0:e.show_community_info_box)??!0),[Cr,ql]=j.useState((e==null?void 0:e.community_info_title)||"📌 Verein & Infos"),[yt,Zl]=j.useState((e==null?void 0:e.community_info_text)||`Initiative e.V. Hausverein -Offene Angebote, DIY-Kultur & engagierte Schichten.`),[Ft,Jl]=j.useState((e==null?void 0:e.show_support_box)??!0),[Tr,Xl]=j.useState((e==null?void 0:e.support_box_title)||"❤️ Unterstützen"),[C,z]=j.useState((e==null?void 0:e.support_box_text)||"Hilf mit als Helfer*in an der Bar, beim Essen kochen oder beim Auf- & Abbau."),[Y,tt]=j.useState(!1);j.useEffect(()=>{K()},[]);const K=async()=>{u(!0),h("");try{try{const p=await $("/users/manage-users/");y(p.results||p)}catch{}try{const p=await $("/users/pending/");c(p.results||p)}catch{}try{const p=await $("/users/restriction-setting/");w(p.is_restriction_enabled),b(p.require_admin_approval);const A=await $("/users/domain-rules/");E(A.results||A)}catch{}try{const p=await $("/events/");D(p.results||p)}catch{}try{const p=await $("/templates/");V(p.results||p)}catch{}}catch(p){h(p.message||"Laden der Admin-Daten fehlgeschlagen.")}finally{u(!1)}},je=p=>{x(p),setTimeout(()=>x(""),4e3)},qc=async p=>{try{const A=await $(`/users/manage-users/${p.id}/`,{method:"PATCH",body:JSON.stringify({is_admin_user:!p.is_admin_user})});y(k.map(Fe=>Fe.id===p.id?A:Fe)),je(`Admin-Rechte für ${p.username} aktualisiert.`)}catch(A){h(A.message||"Fehler beim Aktualisieren.")}},Zc=async p=>{try{const A=await $(`/users/manage-users/${p.id}/`,{method:"PATCH",body:JSON.stringify({is_active:!p.is_active})});y(k.map(Fe=>Fe.id===p.id?A:Fe)),je(`Status für ${p.username} auf ${A.is_active?"AKTIV":"DEAKTIVIERT"} gesetzt.`)}catch(A){h(A.message||"Fehler beim Aktualisieren.")}},Jc=async p=>{if(window.confirm(`Benutzer ${p.username} wirklich löschen?`))try{await $(`/users/manage-users/${p.id}/`,{method:"DELETE"}),y(k.filter(A=>A.id!==p.id)),je(`Benutzer ${p.username} gelöscht.`)}catch(A){h(A.message||"Löschen fehlgeschlagen.")}},Xc=async p=>{try{const A=await $(`/users/${p}/approve/`,{method:"POST"});c(f.filter(Fe=>Fe.id!==p)),K(),je(A.message||"Nutzer freigeschaltet!")}catch(A){h(A.message||"Freischaltung fehlgeschlagen.")}},ed=async p=>{try{const A=await $(`/users/${p}/approve/`,{method:"DELETE"});c(f.filter(Fe=>Fe.id!==p)),je(A.message||"Registrierung abgelehnt.")}catch(A){h(A.message||"Ablehnen fehlgeschlagen.")}},td=async()=>{try{const p=await $("/users/restriction-setting/",{method:"POST",body:JSON.stringify({require_admin_approval:!S})});b(p.require_admin_approval),je(`Admin-Freischaltung ist jetzt ${p.require_admin_approval?"AKTIV":"INAKTIV"}`)}catch(p){h(p.message||"Fehler beim Umschalten.")}},nd=async()=>{try{const p=await $("/users/restriction-setting/",{method:"POST",body:JSON.stringify({is_restriction_enabled:!m})});w(p.is_restriction_enabled),je(`Domain-Beschränkung ist jetzt ${p.is_restriction_enabled?"AKTIV":"INAKTIV"}`)}catch(p){h(p.message||"Fehler beim Umschalten.")}},rd=async p=>{if(p.preventDefault(),!!U.trim())try{const A=await $("/users/domain-rules/",{method:"POST",body:JSON.stringify({domain:U.trim(),is_active:!0})});E([...N,A]),M(""),je("Domain hinzugefügt!")}catch(A){h(A.message||"Fehler beim Hinzufügen der Domain.")}},ld=async p=>{try{await $(`/users/domain-rules/${p}/`,{method:"DELETE"}),E(N.filter(A=>A.id!==p)),je("Domain entfernt.")}catch(A){h(A.message||"Löschen fehlgeschlagen.")}},sd=async p=>{if(p.preventDefault(),!!W.trim())try{await $("/skills/",{method:"POST",body:JSON.stringify({name:W.trim(),description:Se.trim(),color:O})}),H(""),T(""),l(),je("Qualifikation angelegt!")}catch(A){h(A.message||"Fehler beim Anlegen.")}},id=async p=>{if(window.confirm("Qualifikation wirklich löschen?"))try{await $(`/skills/${p}/`,{method:"DELETE"}),l(),je("Qualifikation gelöscht.")}catch(A){h(A.message||"Löschen fehlgeschlagen.")}},od=async p=>{try{const A=await $(`/events/${p.id}/`,{method:"PATCH",body:JSON.stringify({is_active:p.is_active===!1})});D(ee.map(Fe=>Fe.id===p.id?A:Fe)),n(),je(`Status für "${p.title}" aktualisiert.`)}catch(A){h(A.message||"Fehler beim Umschalten.")}},ad=async p=>{if(window.confirm("Veranstaltung mit allen Schichten wirklich löschen?"))try{await $(`/events/${p}/`,{method:"DELETE"}),D(ee.filter(A=>A.id!==p)),n(),je("Veranstaltung gelöscht.")}catch(A){h(A.message||"Löschen fehlgeschlagen.")}},ud=async p=>{if(window.confirm("Vorlage wirklich löschen?"))try{await $(`/templates/${p}/`,{method:"DELETE"}),V(I.filter(A=>A.id!==p)),je("Vorlage gelöscht.")}catch(A){h(A.message||"Löschen fehlgeschlagen.")}},cd=async p=>{p.preventDefault(),tt(!0),h("");try{await $("/branding/",{method:"POST",body:JSON.stringify({app_name:q,logo_url:et,primary_color:ye,custom_banner_text:ot,show_community_info_box:$t,community_info_title:Cr,community_info_text:yt,show_support_box:Ft,support_box_title:Tr,support_box_text:C})}),je("Branding & Einstellungen erfolgreich gespeichert!"),t()}catch(A){h(A.message||"Speichern fehlgeschlagen.")}finally{tt(!1)}},es=k.filter(p=>p.username.toLowerCase().includes(v.toLowerCase())||p.email.toLowerCase().includes(v.toLowerCase())||p.display_name&&p.display_name.toLowerCase().includes(v.toLowerCase()));return i.jsxs("div",{className:"space-y-8 max-w-6xl mx-auto animate-in fade-in duration-200",children:[i.jsxs("div",{className:"hallmark-panel rounded-sm p-6 sm:p-8 border border-grid space-y-4",children:[i.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-center justify-between gap-4 border-b border-grid pb-4",children:[i.jsxs("div",{className:"space-y-1",children:[i.jsx("span",{className:"font-mono text-[10px] uppercase tracking-widest text-muted border border-grid px-2.5 py-0.5 rounded-sm inline-block",children:"SYSTEM CONTROL & GOVERNANCE"}),i.jsx("h2",{className:"font-serif text-3xl sm:text-4xl font-bold uppercase tracking-tight text-main",children:"Administration & System-Zentrale"})]}),i.jsx("div",{className:"flex items-center gap-2 font-mono text-xs shrink-0",children:i.jsxs("div",{className:"bg-subtle px-3 py-2 rounded-sm border border-grid text-right space-y-0.5",children:[i.jsx("div",{className:"font-bold text-emerald-500",children:"[ SYSTEM NORMAL ]"}),i.jsxs("div",{className:"text-[10px] text-muted",children:[k.length," KONTEN • ",ee.length," EVENTS"]})]})})]}),i.jsxs("div",{className:"flex items-center gap-2 overflow-x-auto font-mono text-xs no-scrollbar pt-2",children:[i.jsxs("button",{onClick:()=>o("users"),className:`px-4 py-2 rounded-sm transition flex items-center gap-2 border ${s==="users"?"bg-surface-hover text-main font-bold border-grid shadow-sm":"bg-subtle text-muted border-transparent hover:text-main"}`,children:[i.jsx(op,{className:"w-3.5 h-3.5 text-blue-400"})," [ 01: BENUTZER & SICHERHEIT (",k.length,") ]"]}),i.jsxs("button",{onClick:()=>o("events"),className:`px-4 py-2 rounded-sm transition flex items-center gap-2 border ${s==="events"?"bg-surface-hover text-main font-bold border-grid shadow-sm":"bg-subtle text-muted border-transparent hover:text-main"}`,children:[i.jsx(br,{className:"w-3.5 h-3.5 text-emerald-400"})," [ 02: VERANSTALTUNGEN (",ee.length,") ]"]}),i.jsxs("button",{onClick:()=>o("templates"),className:`px-4 py-2 rounded-sm transition flex items-center gap-2 border ${s==="templates"?"bg-surface-hover text-main font-bold border-grid shadow-sm":"bg-subtle text-muted border-transparent hover:text-main"}`,children:[i.jsx(Wl,{className:"w-3.5 h-3.5 text-amber-400"})," [ 03: VORLAGEN & SKILLS ]"]}),i.jsxs("button",{onClick:()=>o("branding"),className:`px-4 py-2 rounded-sm transition flex items-center gap-2 border ${s==="branding"?"bg-surface-hover text-main font-bold border-grid shadow-sm":"bg-subtle text-muted border-transparent hover:text-main"}`,children:[i.jsx(Xm,{className:"w-3.5 h-3.5 text-indigo-400"})," [ 04: BRANDING & SYSTEM ]"]})]})]}),d&&i.jsxs("div",{className:"p-4 rounded-sm bg-red-500/10 border border-red-500/20 text-red-500 text-xs font-mono flex items-center gap-2",children:[i.jsx(Er,{className:"w-4 h-4 shrink-0"}),i.jsx("span",{children:d})]}),g&&i.jsxs("div",{className:"p-4 rounded-sm bg-emerald-500/10 border border-emerald-500/20 text-emerald-500 text-xs font-mono flex items-center gap-2",children:[i.jsx(en,{className:"w-4 h-4 shrink-0"}),i.jsx("span",{children:g})]}),s==="users"&&i.jsxs("div",{className:"space-y-6 animate-in fade-in duration-150",children:[f.length>0&&i.jsxs("div",{className:"hallmark-panel rounded-sm p-5 border border-amber-500/40 space-y-3 font-mono",children:[i.jsxs("h3",{className:"font-serif text-lg font-bold uppercase text-amber-400 flex items-center gap-2",children:[i.jsx(vr,{className:"w-4 h-4"})," Ausstehende Freischalt-Anfragen (",f.length,")"]}),i.jsx("div",{className:"space-y-2",children:f.map(p=>i.jsxs("div",{className:"flex items-center justify-between p-3 rounded-sm bg-subtle border border-grid text-xs",children:[i.jsxs("div",{children:[i.jsx("div",{className:"font-bold text-main",children:p.display_name||p.username}),i.jsx("div",{className:"text-[11px] text-muted",children:p.email})]}),i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsxs("button",{onClick:()=>Xc(p.id),className:"px-3 py-1 rounded-sm font-bold bg-emerald-600 hover:bg-emerald-500 text-white transition flex items-center gap-1",children:[i.jsx(Pl,{className:"w-3.5 h-3.5"})," FREISCHALTEN"]}),i.jsxs("button",{onClick:()=>ed(p.id),className:"px-2.5 py-1 rounded-sm font-semibold bg-red-500/10 hover:bg-red-500/20 text-red-400 border border-red-500/20 transition flex items-center gap-1",children:[i.jsx(wi,{className:"w-3.5 h-3.5"})," ABLEHNEN"]})]})]},p.id))})]}),i.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 font-mono",children:[i.jsxs("div",{className:"hallmark-panel rounded-sm p-5 border border-grid space-y-3",children:[i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsxs("h4",{className:"font-bold text-xs uppercase text-main flex items-center gap-2",children:[i.jsx(Pl,{className:"w-4 h-4 text-blue-400"})," Admin-Freischaltung Pflicht"]}),i.jsx("button",{onClick:td,className:`px-3 py-1 rounded-sm text-xs font-bold transition border ${S?"bg-blue-600 text-white border-blue-500":"bg-subtle text-muted border-grid"}`,children:S?"[ AKTIV ]":"[ INAKTIV ]"})]}),i.jsx("p",{className:"text-[11px] text-muted",children:"Neue Registrierungen müssen manuell freigeschaltet werden."})]}),i.jsxs("div",{className:"hallmark-panel rounded-sm p-5 border border-grid space-y-3",children:[i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsxs("h4",{className:"font-bold text-xs uppercase text-main flex items-center gap-2",children:[i.jsx(Wc,{className:"w-4 h-4 text-emerald-400"})," E-Mail Domain-Beschränkung"]}),i.jsx("button",{onClick:nd,className:`px-3 py-1 rounded-sm text-xs font-bold transition border ${m?"bg-emerald-600 text-white border-emerald-500":"bg-subtle text-muted border-grid"}`,children:m?"[ AKTIV ]":"[ INAKTIV ]"})]}),i.jsx("p",{className:"text-[11px] text-muted",children:"Nur freigegebene E-Mail-Domains erlauben."})]})]}),m&&i.jsxs("div",{className:"hallmark-panel rounded-sm p-5 border border-grid space-y-4 font-mono",children:[i.jsx("h4",{className:"font-bold text-xs uppercase text-main",children:"Freigegebene E-Mail-Domains"}),i.jsxs("form",{onSubmit:rd,className:"flex gap-2",children:[i.jsx("input",{type:"text",placeholder:"z. B. verein.de oder @beispiel.org",value:U,onChange:p=>M(p.target.value),className:"flex-1 px-3 py-1.5 rounded-sm input-field text-xs"}),i.jsxs("button",{type:"submit",className:"px-4 py-1.5 rounded-sm text-xs font-bold bg-blue-600 text-white hover:bg-blue-500",children:[i.jsx(tn,{className:"w-3.5 h-3.5 inline"})," Domain Hinzufügen"]})]}),i.jsx("div",{className:"space-y-1.5",children:N.map(p=>i.jsxs("div",{className:"flex items-center justify-between p-2 rounded-sm bg-subtle border border-grid text-xs",children:[i.jsx("span",{className:"font-bold text-main",children:p.domain}),i.jsx("button",{onClick:()=>ld(p.id),className:"text-muted hover:text-red-400",children:i.jsx(Bt,{className:"w-3.5 h-3.5"})})]},p.id))})]}),i.jsxs("div",{className:"hallmark-panel rounded-sm border border-grid overflow-hidden",children:[i.jsxs("div",{className:"p-4 bg-subtle border-b border-grid flex flex-col sm:flex-row sm:items-center justify-between gap-3 font-mono",children:[i.jsxs("h3",{className:"font-serif text-lg font-bold uppercase text-main",children:["Alle Benutzerkonten (",es.length," von ",k.length,")"]}),i.jsxs("div",{className:"relative w-full sm:w-64",children:[i.jsx(Kc,{className:"w-3.5 h-3.5 absolute left-3 top-2.5 text-muted"}),i.jsx("input",{type:"text",value:v,onChange:p=>R(p.target.value),placeholder:"Benutzer suchen...",className:"w-full pl-9 pr-3 py-1 rounded-sm input-field text-xs font-mono"})]})]}),i.jsx("div",{className:"overflow-x-auto",children:i.jsxs("table",{className:"w-full text-left border-collapse font-sans text-xs",children:[i.jsx("thead",{children:i.jsxs("tr",{className:"bg-subtle border-b border-grid text-[11px] font-mono text-muted uppercase tracking-wider",children:[i.jsx("th",{className:"py-3 px-4",children:"Nutzer & E-Mail"}),i.jsx("th",{className:"py-3 px-4",children:"Anzeigename"}),i.jsx("th",{className:"py-3 px-4",children:"Status"}),i.jsx("th",{className:"py-3 px-4",children:"Rolle"}),i.jsx("th",{className:"py-3 px-4 text-right",children:"Aktionen"})]})}),i.jsx("tbody",{className:"divide-y divide-grid font-mono",children:es.length===0?i.jsx("tr",{children:i.jsx("td",{colSpan:5,className:"py-8 text-center text-muted italic text-xs",children:"[ Keine Benutzerkonten gefunden ]"})}):es.map(p=>i.jsxs("tr",{className:"hover:bg-surface-hover",children:[i.jsxs("td",{className:"py-3 px-4",children:[i.jsx("div",{className:"font-bold text-main",children:p.username}),i.jsx("div",{className:"text-[11px] text-muted",children:p.email})]}),i.jsx("td",{className:"py-3 px-4 text-main",children:p.display_name||p.username}),i.jsx("td",{className:"py-3 px-4",children:i.jsx("button",{onClick:()=>Zc(p),className:`px-2 py-0.5 rounded-sm text-[10px] font-bold border transition ${p.is_active?"bg-emerald-500/10 text-emerald-400 border-emerald-500/20":"bg-red-500/10 text-red-400 border-red-500/20"}`,children:p.is_active?"[ AKTIV ]":"[ DEAKTIVIERT ]"})}),i.jsx("td",{className:"py-3 px-4",children:i.jsx("button",{onClick:()=>qc(p),className:`px-2 py-0.5 rounded-sm text-[10px] font-bold border transition ${p.is_admin_user?"bg-indigo-500/10 text-indigo-400 border-indigo-500/30":"bg-subtle text-muted border-grid"}`,children:p.is_admin_user?"👑 ADMIN":"👤 USER"})}),i.jsx("td",{className:"py-3 px-4 text-right",children:i.jsx("button",{onClick:()=>Jc(p),className:"p-1.5 rounded-sm text-muted hover:text-red-400 hover:bg-red-500/10 transition",title:"Benutzer löschen",children:i.jsx(Bt,{className:"w-4 h-4"})})})]},p.id))})]})})]})]}),s==="events"&&i.jsx("div",{className:"space-y-6 animate-in fade-in duration-150",children:i.jsxs("div",{className:"hallmark-panel rounded-sm border border-grid overflow-hidden font-mono",children:[i.jsx("div",{className:"p-4 bg-subtle border-b border-grid flex items-center justify-between",children:i.jsxs("h3",{className:"font-serif text-lg font-bold uppercase text-main",children:["Veranstaltungen verwalten (",ee.length,")"]})}),i.jsx("div",{className:"divide-y divide-grid",children:ee.map(p=>i.jsxs("div",{className:"p-4 flex flex-col sm:flex-row sm:items-center justify-between gap-4 hover:bg-surface-hover transition",children:[i.jsxs("div",{className:"space-y-1",children:[i.jsxs("div",{className:"flex items-center gap-2 text-[11px] text-muted",children:[i.jsxs("span",{className:"bg-subtle px-2 py-0.5 rounded-sm border border-grid font-bold",children:[p.start_date," bis ",p.end_date]}),p.location&&i.jsxs("span",{children:["• ",p.location]}),p.is_active===!1&&i.jsx("span",{className:"text-amber-500 font-bold px-1.5 py-0.5 rounded-sm bg-amber-500/10 border border-amber-500/20",children:"[ DEAKTIVIERT ]"})]}),i.jsx("h4",{className:"font-serif text-base font-bold text-main uppercase",children:p.title}),p.description&&i.jsx("p",{className:"text-xs text-muted font-sans line-clamp-1",children:p.description})]}),i.jsxs("div",{className:"flex items-center gap-2 shrink-0 text-xs",children:[i.jsxs("button",{onClick:()=>od(p),className:`px-3 py-1 rounded-sm border font-mono font-bold transition flex items-center gap-1 ${p.is_active!==!1?"bg-amber-500/10 text-amber-500 border-amber-500/20 hover:bg-amber-500/20":"bg-emerald-500/10 text-emerald-400 border-emerald-500/20 hover:bg-emerald-500/20"}`,children:[p.is_active!==!1?i.jsx(Qc,{className:"w-3.5 h-3.5"}):i.jsx(Wm,{className:"w-3.5 h-3.5"}),p.is_active!==!1?"DEAKTIVIEREN":"AKTIVIEREN"]}),i.jsxs("button",{onClick:()=>ad(p.id),className:"px-3 py-1 rounded-sm bg-red-500/10 hover:bg-red-500/20 text-red-400 border border-red-500/20 transition flex items-center gap-1 font-bold",children:[i.jsx(Bt,{className:"w-3.5 h-3.5"})," LÖSCHEN"]})]})]},p.id))})]})}),s==="templates"&&i.jsxs("div",{className:"space-y-6 animate-in fade-in duration-150 font-mono",children:[i.jsxs("div",{className:"hallmark-panel rounded-sm p-5 border border-grid space-y-4",children:[i.jsx("h3",{className:"font-serif text-lg font-bold uppercase text-main border-b border-grid pb-2",children:"Erforderliche Qualifikationen (Skills)"}),i.jsxs("form",{onSubmit:sd,className:"grid grid-cols-1 sm:grid-cols-3 gap-3",children:[i.jsx("input",{type:"text",placeholder:"Skill Name (z. B. Bar-Erfahrung)",required:!0,value:W,onChange:p=>H(p.target.value),className:"px-3 py-1.5 rounded-sm input-field text-xs font-mono"}),i.jsx("input",{type:"text",placeholder:"Beschreibung (optional)",value:Se,onChange:p=>T(p.target.value),className:"px-3 py-1.5 rounded-sm input-field text-xs font-mono"}),i.jsxs("div",{className:"flex gap-2",children:[i.jsx("input",{type:"color",value:O,onChange:p=>L(p.target.value),className:"w-8 h-8 rounded-sm border-0 cursor-pointer bg-subtle p-0.5"}),i.jsxs("button",{type:"submit",className:"flex-1 px-3 py-1.5 rounded-sm bg-emerald-600 hover:bg-emerald-500 text-white font-bold text-xs",children:[i.jsx(tn,{className:"w-3.5 h-3.5 inline"})," Anlegen"]})]})]}),i.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 pt-2",children:r.map(p=>i.jsxs("div",{className:"p-3 rounded-sm bg-subtle border border-grid flex items-center justify-between text-xs",children:[i.jsxs("div",{children:[i.jsx("span",{style:{color:p.color},className:"font-bold",children:p.name}),p.description&&i.jsx("p",{className:"text-[11px] text-muted",children:p.description})]}),i.jsx("button",{onClick:()=>id(p.id),className:"text-muted hover:text-red-400",children:i.jsx(Bt,{className:"w-3.5 h-3.5"})})]},p.id))})]}),i.jsxs("div",{className:"hallmark-panel rounded-sm p-5 border border-grid space-y-4",children:[i.jsxs("h3",{className:"font-serif text-lg font-bold uppercase text-main border-b border-grid pb-2",children:["Gespeicherte Event-Vorlagen (",I.length,")"]}),i.jsx("div",{className:"space-y-2",children:I.map(p=>i.jsxs("div",{className:"p-3 rounded-sm bg-subtle border border-grid flex items-center justify-between text-xs",children:[i.jsxs("div",{children:[i.jsx("div",{className:"font-bold text-main",children:p.name}),i.jsx("div",{className:"text-[11px] text-muted",children:p.description||"Keine Beschreibung"})]}),i.jsx("button",{onClick:()=>ud(p.id),className:"text-muted hover:text-red-400",children:i.jsx(Bt,{className:"w-4 h-4"})})]},p.id))})]})]}),s==="branding"&&i.jsx("div",{className:"space-y-6 animate-in fade-in duration-150 font-mono",children:i.jsxs("form",{onSubmit:cd,className:"hallmark-panel rounded-sm p-6 border border-grid space-y-6",children:[i.jsx("h3",{className:"font-serif text-lg font-bold uppercase text-main border-b border-grid pb-2",children:"App Branding & Aussehen"}),i.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 text-xs",children:[i.jsxs("div",{children:[i.jsx("label",{className:"block text-muted mb-1",children:"App Name"}),i.jsx("input",{type:"text",required:!0,value:q,onChange:p=>se(p.target.value),className:"w-full px-3 py-1.5 rounded-sm input-field"})]}),i.jsxs("div",{children:[i.jsx("label",{className:"block text-muted mb-1",children:"Primärfarbe"}),i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsx("input",{type:"color",value:ye,onChange:p=>me(p.target.value),className:"w-8 h-8 rounded-sm border-0 cursor-pointer bg-subtle p-0.5"}),i.jsx("input",{type:"text",value:ye,onChange:p=>me(p.target.value),className:"flex-1 px-3 py-1.5 rounded-sm input-field font-mono"})]})]}),i.jsxs("div",{className:"sm:col-span-2",children:[i.jsx("label",{className:"block text-muted mb-1",children:"Logo Bild-URL (optional)"}),i.jsx("input",{type:"text",placeholder:"https://beispiel.de/logo.png",value:et,onChange:p=>ge(p.target.value),className:"w-full px-3 py-1.5 rounded-sm input-field"})]}),i.jsxs("div",{className:"sm:col-span-2",children:[i.jsx("label",{className:"block text-muted mb-1",children:"Ankündigung (Banner-Text)"}),i.jsx("textarea",{rows:2,placeholder:"z. B. Willkommen beim Sommerfest Schichtplaner!",value:ot,onChange:p=>Gl(p.target.value),className:"w-full px-3 py-1.5 rounded-sm input-field"})]})]}),i.jsx("h4",{className:"font-serif text-base font-bold uppercase text-main pt-4 border-t border-grid",children:"Startseiten Sidebar Boxen"}),i.jsxs("div",{className:"p-4 rounded-sm bg-subtle border border-grid space-y-3",children:[i.jsxs("div",{className:"flex items-center justify-between border-b border-grid pb-2",children:[i.jsx("span",{className:"font-bold text-xs uppercase text-main",children:"📌 Verein & Infos Box"}),i.jsx("button",{type:"button",onClick:()=>Yl(!$t),className:`px-3 py-1 rounded-sm text-xs font-bold transition border ${$t?"bg-emerald-600 text-white border-emerald-500":"bg-surface text-muted border-grid"}`,children:$t?"[ AN ]":"[ AUS ]"})]}),$t&&i.jsxs("div",{className:"space-y-3 text-xs",children:[i.jsxs("div",{children:[i.jsx("label",{className:"block text-muted mb-1",children:"Titel"}),i.jsx("input",{type:"text",value:Cr,onChange:p=>ql(p.target.value),className:"w-full px-3 py-1.5 rounded-sm input-field"})]}),i.jsxs("div",{children:[i.jsx("label",{className:"block text-muted mb-1",children:"Inhalt"}),i.jsx("textarea",{rows:3,value:yt,onChange:p=>Zl(p.target.value),className:"w-full px-3 py-1.5 rounded-sm input-field"})]})]})]}),i.jsxs("div",{className:"p-4 rounded-sm bg-subtle border border-grid space-y-3",children:[i.jsxs("div",{className:"flex items-center justify-between border-b border-grid pb-2",children:[i.jsx("span",{className:"font-bold text-xs uppercase text-main",children:"❤️ Unterstützen Box"}),i.jsx("button",{type:"button",onClick:()=>Jl(!Ft),className:`px-3 py-1 rounded-sm text-xs font-bold transition border ${Ft?"bg-emerald-600 text-white border-emerald-500":"bg-surface text-muted border-grid"}`,children:Ft?"[ AN ]":"[ AUS ]"})]}),Ft&&i.jsxs("div",{className:"space-y-3 text-xs",children:[i.jsxs("div",{children:[i.jsx("label",{className:"block text-muted mb-1",children:"Titel"}),i.jsx("input",{type:"text",value:Tr,onChange:p=>Xl(p.target.value),className:"w-full px-3 py-1.5 rounded-sm input-field"})]}),i.jsxs("div",{children:[i.jsx("label",{className:"block text-muted mb-1",children:"Inhalt"}),i.jsx("textarea",{rows:3,value:C,onChange:p=>z(p.target.value),className:"w-full px-3 py-1.5 rounded-sm input-field"})]})]})]}),i.jsx("div",{className:"pt-3 flex justify-end border-t border-grid",children:i.jsx("button",{type:"submit",disabled:Y,style:{backgroundColor:"var(--brand-primary)"},className:"px-6 py-2.5 rounded-sm text-xs font-mono font-bold text-white transition hover:brightness-110 shadow-sm",children:Y?"Speichern...":"Einstellungen speichern"})})]})})]})}function xp({eventToEdit:e,skills:t,onBack:n,onSubmit:r}){const[l,s]=j.useState((e==null?void 0:e.title)||""),[o,a]=j.useState((e==null?void 0:e.description)||""),[u,d]=j.useState((e==null?void 0:e.location)||""),[h,g]=j.useState((e==null?void 0:e.start_date)||new Date().toISOString().split("T")[0]),[x,k]=j.useState((e==null?void 0:e.end_date)||new Date().toISOString().split("T")[0]),[y,v]=j.useState([]),[R,f]=j.useState(!1),[c,m]=j.useState("");j.useEffect(()=>{if(e&&e.task_areas&&e.task_areas.length>0){const D=e.task_areas.map(I=>({id:I.id,name:I.name,description:I.description||"",shifts:(I.shifts||[]).map(V=>({id:V.id,title:V.title,start_time:V.start_time,end_time:V.end_time,max_participants:V.max_participants||1,required_skill_ids:V.required_skills?V.required_skills.map(W=>W.id):[]}))}));v(D)}else e||v([{name:"Tresendienst",description:"Getränke- und Barverkauf",shifts:[{title:"Schicht 1",start_time:"18:00",end_time:"22:00",max_participants:2,required_skill_ids:[]}]},{name:"Essen kochen",description:"Zubereitung von Speisen",shifts:[{title:"Frühschicht",start_time:"15:00",end_time:"19:00",max_participants:3,required_skill_ids:[]}]},{name:"Aufbau & Aufräumen",description:"Tische, Stühle & Technik",shifts:[{title:"Aufbau",start_time:"12:00",end_time:"15:00",max_participants:4,required_skill_ids:[]}]}])},[e]);const w=()=>{v([...y,{name:"",description:"",shifts:[{title:"Schicht 1",start_time:"10:00",end_time:"14:00",max_participants:1,required_skill_ids:[]}]}])},S=D=>{v(y.filter((I,V)=>V!==D))},b=(D,I,V)=>{const W=[...y];W[D][I]=V,v(W)},N=D=>{const I=[...y];I[D].shifts.push({title:`Schicht ${I[D].shifts.length+1}`,start_time:"14:00",end_time:"18:00",max_participants:1,required_skill_ids:[]}),v(I)},E=(D,I)=>{const V=[...y];V[D].shifts=V[D].shifts.filter((W,H)=>H!==I),v(V)},U=(D,I,V,W)=>{const H=[...y];H[D].shifts[I][V]=W,v(H)},M=(D,I,V)=>{const W=[...y],H=W[D].shifts[I].required_skill_ids||[];H.includes(V)?W[D].shifts[I].required_skill_ids=H.filter(Se=>Se!==V):W[D].shifts[I].required_skill_ids=[...H,V],v(W)},ee=async D=>{if(D.preventDefault(),m(""),!l.trim()){m("Bitte gib einen Veranstaltungstitel an.");return}f(!0);try{await r({id:e==null?void 0:e.id,title:l,description:o,location:u,start_date:h,end_date:x,task_areas:y})}catch(I){m(I.message||"Speichern der Veranstaltung fehlgeschlagen.")}finally{f(!1)}};return i.jsxs("div",{className:"space-y-6 max-w-4xl mx-auto animate-in fade-in duration-200 font-sans",children:[i.jsxs("div",{className:"flex items-center justify-between font-mono text-xs",children:[i.jsxs("button",{onClick:n,className:"px-3.5 py-1.5 rounded-sm bg-subtle hover:bg-surface-hover text-main border border-grid transition flex items-center gap-2 font-bold",children:[i.jsx(Bc,{className:"w-4 h-4"})," [ ZURÜCK ZUR ÜBERSICHT ]"]}),i.jsxs("span",{className:"text-muted border border-grid px-2.5 py-0.5 rounded-sm",children:["MODE: ",e?"EVENT EDIT":"NEW EVENT"]})]}),i.jsx("div",{className:"hallmark-panel rounded-sm p-6 sm:p-8 border border-grid space-y-2",children:i.jsxs("div",{className:"flex items-center gap-3",children:[i.jsx("div",{className:"w-10 h-10 rounded-sm bg-blue-500/10 text-blue-500 border border-blue-500/20 flex items-center justify-center font-bold",children:e?i.jsx(wr,{className:"w-5 h-5"}):i.jsx(br,{className:"w-5 h-5"})}),i.jsxs("div",{children:[i.jsx("h2",{className:"font-serif text-3xl font-bold uppercase tracking-tight text-main",children:e?"Veranstaltung & Schichten Bearbeiten":"Neue Veranstaltung Erstellen"}),i.jsx("p",{className:"text-xs text-muted font-mono mt-0.5",children:"Konfiguriere Stammdaten, Aufgabenfelder, Schichtzeiten & Qualifikationen"})]})]})}),c&&i.jsxs("div",{className:"p-4 rounded-sm bg-red-500/10 border border-red-500/20 text-red-500 text-xs font-mono flex items-center gap-2",children:[i.jsx(Er,{className:"w-4 h-4 shrink-0"}),i.jsx("span",{children:c})]}),i.jsxs("form",{onSubmit:ee,className:"space-y-6",children:[i.jsxs("div",{className:"hallmark-panel rounded-sm p-6 border border-grid space-y-4 font-mono text-xs",children:[i.jsx("h3",{className:"font-serif text-lg font-bold uppercase text-main border-b border-grid pb-2",children:"1. Stammdaten der Veranstaltung"}),i.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[i.jsxs("div",{className:"sm:col-span-2",children:[i.jsx("label",{className:"block text-main mb-1 font-bold",children:"Titel der Veranstaltung"}),i.jsx("input",{type:"text",required:!0,value:l,onChange:D=>s(D.target.value),placeholder:"z. B. Sommerfest 2026",className:"w-full px-3.5 py-2 rounded-sm input-field text-sm"})]}),i.jsxs("div",{children:[i.jsx("label",{className:"block text-main mb-1 font-bold",children:"Startdatum"}),i.jsx("input",{type:"date",required:!0,value:h,onChange:D=>g(D.target.value),className:"w-full px-3.5 py-2 rounded-sm input-field text-sm"})]}),i.jsxs("div",{children:[i.jsx("label",{className:"block text-main mb-1 font-bold",children:"Enddatum"}),i.jsx("input",{type:"date",required:!0,value:x,onChange:D=>k(D.target.value),className:"w-full px-3.5 py-2 rounded-sm input-field text-sm"})]}),i.jsxs("div",{className:"sm:col-span-2",children:[i.jsx("label",{className:"block text-main mb-1 font-bold",children:"Ort (optional)"}),i.jsx("input",{type:"text",value:u,onChange:D=>d(D.target.value),placeholder:"z. B. Vereinsheim, Großer Saal",className:"w-full px-3.5 py-2 rounded-sm input-field text-xs"})]}),i.jsxs("div",{className:"sm:col-span-2",children:[i.jsx("label",{className:"block text-main mb-1 font-bold",children:"Beschreibung (optional)"}),i.jsx("textarea",{rows:2,value:o,onChange:D=>a(D.target.value),placeholder:"Details zur Veranstaltung...",className:"w-full px-3.5 py-2 rounded-sm input-field text-xs font-sans"})]})]})]}),i.jsxs("div",{className:"hallmark-panel rounded-sm p-6 border border-grid space-y-4 font-mono text-xs",children:[i.jsxs("div",{className:"flex items-center justify-between border-b border-grid pb-2",children:[i.jsxs("h3",{className:"font-serif text-lg font-bold uppercase text-main flex items-center gap-2",children:[i.jsx(Wl,{className:"w-4 h-4 text-blue-500"})," 2. Aufgabenfelder & Schichten"]}),i.jsxs("button",{type:"button",onClick:w,className:"px-3.5 py-1.5 rounded-sm text-xs font-mono font-bold bg-blue-500/10 text-blue-500 border border-blue-500/20 hover:bg-blue-500/20 transition flex items-center gap-1",children:[i.jsx(tn,{className:"w-3.5 h-3.5"})," BEREICH HINZUFÜGEN"]})]}),y.map((D,I)=>i.jsxs("div",{className:"p-4 rounded-sm bg-subtle border border-grid space-y-3",children:[i.jsxs("div",{className:"flex items-center justify-between gap-3",children:[i.jsx("input",{type:"text",required:!0,placeholder:"Name des Aufgabenfeldes (z. B. Tresendienst)",value:D.name,onChange:V=>b(I,"name",V.target.value),className:"flex-1 px-3 py-1.5 rounded-sm input-field text-xs font-bold"}),i.jsx("button",{type:"button",onClick:()=>S(I),className:"p-1.5 text-muted hover:text-red-400 transition",title:"Bereich entfernen",children:i.jsx(Bt,{className:"w-4 h-4"})})]}),i.jsxs("div",{className:"pl-3 border-l-2 border-grid space-y-3",children:[i.jsxs("div",{className:"flex items-center justify-between text-xs text-muted font-bold",children:[i.jsx("span",{children:"Schichten & Zeitfenster"}),i.jsxs("button",{type:"button",onClick:()=>N(I),className:"text-blue-500 hover:underline flex items-center gap-1",children:[i.jsx(tn,{className:"w-3 h-3"})," Schicht hinzufügen"]})]}),D.shifts.map((V,W)=>i.jsxs("div",{className:"p-3 rounded-sm bg-surface border border-grid space-y-2",children:[i.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-12 gap-2 items-center text-xs",children:[i.jsx("input",{type:"text",placeholder:"Titel",value:V.title,onChange:H=>U(I,W,"title",H.target.value),className:"sm:col-span-4 px-2.5 py-1 rounded-sm input-field text-xs"}),i.jsx("input",{type:"text",placeholder:"Start (14:00)",value:V.start_time,onChange:H=>U(I,W,"start_time",H.target.value),className:"sm:col-span-2 px-2.5 py-1 rounded-sm input-field text-xs"}),i.jsx("input",{type:"text",placeholder:"Ende (18:00)",value:V.end_time,onChange:H=>U(I,W,"end_time",H.target.value),className:"sm:col-span-2 px-2.5 py-1 rounded-sm input-field text-xs"}),i.jsxs("div",{className:"sm:col-span-3 flex items-center gap-1",children:[i.jsx("span",{className:"text-[11px] text-muted",children:"Plätze:"}),i.jsx("input",{type:"number",min:"1",value:V.max_participants,onChange:H=>U(I,W,"max_participants",parseInt(H.target.value)||1),className:"w-full px-2 py-1 rounded-sm input-field text-xs font-bold"})]}),i.jsx("button",{type:"button",onClick:()=>E(I,W),className:"sm:col-span-1 p-1 text-muted hover:text-red-400 text-center",title:"Schicht löschen",children:i.jsx(Bt,{className:"w-3.5 h-3.5 mx-auto"})})]}),t&&t.length>0&&i.jsxs("div",{className:"pt-1.5 border-t border-grid text-[11px]",children:[i.jsx("span",{className:"text-muted block mb-1",children:"Erforderliche Qualifikationen:"}),i.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.map(H=>{const Se=(V.required_skill_ids||[]).includes(H.id);return i.jsxs("button",{type:"button",onClick:()=>M(I,W,H.id),style:{backgroundColor:Se?H.color:`${H.color}15`,borderColor:H.color,color:Se?"#ffffff":H.color},className:"px-2 py-0.5 rounded-sm border text-[10px] font-bold transition",children:[H.name," ",Se?"✓":""]},H.id)})})]})]},W))]})]},I))]}),i.jsxs("div",{className:"hallmark-panel rounded-sm p-4 border border-grid flex items-center justify-between font-mono text-xs",children:[i.jsx("button",{type:"button",onClick:n,className:"px-4 py-2 rounded-sm text-xs font-semibold text-muted hover:bg-surface-hover transition border border-grid",children:"Abbrechen"}),i.jsxs("button",{type:"submit",disabled:R,style:{backgroundColor:"var(--brand-primary)"},className:"px-6 py-2.5 rounded-sm text-xs font-mono font-bold text-white transition shadow-sm hover:brightness-110 flex items-center gap-2",children:[i.jsx(en,{className:"w-4 h-4"}),R?"Speichern...":e?"Änderungen Speichern":"Veranstaltung Jetzt Erstellen"]})]})]})]})}function gp({onBack:e,onInstantiateTemplate:t}){const[n,r]=j.useState([]),[l,s]=j.useState(!0),[o,a]=j.useState(""),[u,d]=j.useState(null),[h,g]=j.useState(""),[x,k]=j.useState(new Date().toISOString().split("T")[0]),[y,v]=j.useState(new Date().toISOString().split("T")[0]),[R,f]=j.useState(""),[c,m]=j.useState(!1);j.useEffect(()=>{w()},[]);const w=async()=>{s(!0);try{const N=await $("/templates/");r(N.results||N)}catch(N){a(N.message||"Laden der Vorlagen fehlgeschlagen.")}finally{s(!1)}},S=N=>{d(N),g(N.name)},b=async N=>{if(N.preventDefault(),!!u){m(!0);try{await t(u.id,{title:h,start_date:x,end_date:y,location:R})}catch(E){a(E.message||"Erstellen der Veranstaltung aus Vorlage fehlgeschlagen.")}finally{m(!1)}}};return i.jsxs("div",{className:"space-y-6 max-w-4xl mx-auto animate-in fade-in duration-200 font-sans",children:[i.jsxs("div",{className:"flex items-center justify-between font-mono text-xs",children:[i.jsxs("button",{onClick:e,className:"px-3.5 py-1.5 rounded-sm bg-subtle hover:bg-surface-hover text-main border border-grid transition flex items-center gap-2 font-bold",children:[i.jsx(Bc,{className:"w-4 h-4"})," [ ZURÜCK ZUR ÜBERSICHT ]"]}),i.jsxs("span",{className:"text-muted border border-grid px-2.5 py-0.5 rounded-sm uppercase",children:["SYSTEM VORLAGEN (",n.length,")"]})]}),i.jsx("div",{className:"hallmark-panel rounded-sm p-6 sm:p-8 border border-grid space-y-2",children:i.jsxs("div",{className:"flex items-center gap-3",children:[i.jsx("div",{className:"w-10 h-10 rounded-sm bg-indigo-500/10 text-indigo-400 border border-indigo-500/20 flex items-center justify-center font-bold",children:i.jsx(Wl,{className:"w-5 h-5"})}),i.jsxs("div",{children:[i.jsx("h2",{className:"font-serif text-3xl font-bold uppercase tracking-tight text-main",children:"Veranstaltungs-Vorlagen Zentrale"}),i.jsx("p",{className:"text-xs text-muted font-mono mt-0.5",children:"Erstelle neue Veranstaltungen im Handumdrehen aus vorgefertigten Struktur-Vorlagen"})]})]})}),o&&i.jsxs("div",{className:"p-4 rounded-sm bg-red-500/10 border border-red-500/20 text-red-500 text-xs font-mono flex items-center gap-2",children:[i.jsx(Er,{className:"w-4 h-4 shrink-0"}),i.jsx("span",{children:o})]}),i.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[i.jsx("h3",{className:"font-serif text-lg font-bold uppercase text-main",children:"Verfügbare Vorlagen"}),l?i.jsx("div",{className:"hallmark-panel p-8 text-center text-muted",children:"Lade Vorlagen..."}):n.length===0?i.jsx("div",{className:"hallmark-panel p-8 text-center text-muted italic",children:"[ Noch keine Vorlagen gespeichert. Du kannst in der Admin-Zentrale Vorlagen anlegen. ]"}):i.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:n.map(N=>i.jsxs("div",{onClick:()=>S(N),className:`hallmark-panel p-5 rounded-sm border cursor-pointer transition space-y-2 ${(u==null?void 0:u.id)===N.id?"bg-indigo-500/10 border-indigo-500 shadow-md":"bg-surface border-grid hover:border-muted"}`,children:[i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsx("h4",{className:"font-serif text-base font-bold text-main uppercase",children:N.name}),(u==null?void 0:u.id)===N.id&&i.jsx("span",{className:"text-[10px] font-mono text-indigo-400 bg-indigo-500/20 px-2 py-0.5 rounded-sm border border-indigo-500/30 font-bold",children:"[ AUSGEWÄHLT ]"})]}),N.description&&i.jsx("p",{className:"text-xs font-sans text-muted",children:N.description}),i.jsxs("div",{className:"text-[10px] text-muted pt-2 border-t border-grid flex items-center justify-between",children:[i.jsxs("span",{children:["Erstellt von: ",i.jsx("strong",{children:N.created_by_name||"Admin"})]}),i.jsx("span",{className:"text-indigo-400 font-bold",children:"Klick zum Auswählen"})]})]},N.id))})]}),u&&i.jsxs("form",{onSubmit:b,className:"hallmark-panel rounded-sm p-6 border border-grid space-y-4 font-mono text-xs animate-in fade-in duration-200",children:[i.jsxs("h3",{className:"font-serif text-lg font-bold uppercase text-indigo-400 border-b border-grid pb-2",children:['Neue Veranstaltung aus Vorlage "',u.name,'" Erstellen']}),i.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[i.jsxs("div",{className:"sm:col-span-2",children:[i.jsx("label",{className:"block text-main mb-1 font-bold",children:"Titel der Veranstaltung"}),i.jsx("input",{type:"text",required:!0,value:h,onChange:N=>g(N.target.value),className:"w-full px-3.5 py-2 rounded-sm input-field text-sm"})]}),i.jsxs("div",{children:[i.jsx("label",{className:"block text-main mb-1 font-bold",children:"Startdatum"}),i.jsx("input",{type:"date",required:!0,value:x,onChange:N=>k(N.target.value),className:"w-full px-3.5 py-2 rounded-sm input-field text-xs"})]}),i.jsxs("div",{children:[i.jsx("label",{className:"block text-main mb-1 font-bold",children:"Enddatum"}),i.jsx("input",{type:"date",required:!0,value:y,onChange:N=>v(N.target.value),className:"w-full px-3.5 py-2 rounded-sm input-field text-xs"})]}),i.jsxs("div",{className:"sm:col-span-2",children:[i.jsx("label",{className:"block text-main mb-1 font-bold",children:"Ort (optional)"}),i.jsx("input",{type:"text",value:R,onChange:N=>f(N.target.value),placeholder:"z. B. Großer Saal",className:"w-full px-3.5 py-2 rounded-sm input-field text-xs"})]})]}),i.jsx("div",{className:"pt-3 flex justify-end border-t border-grid",children:i.jsxs("button",{type:"submit",disabled:c,style:{backgroundColor:"var(--brand-primary)"},className:"px-6 py-2.5 rounded-sm text-xs font-mono font-bold text-white transition hover:brightness-110 shadow-sm flex items-center gap-2",children:[i.jsx(ep,{className:"w-4 h-4 fill-white"}),c?"Erstellen...":"Veranstaltung Jetzt Aus Vorlage Erstellen"]})})]})]})}function yp(){const[e,t]=j.useState(null),[n,r]=j.useState(null),[l,s]=j.useState([]),[o,a]=j.useState([]),[u,d]=j.useState(null),[h,g]=j.useState(null),[x,k]=j.useState(!0),[y,v]=j.useState("home"),[R,f]=j.useState(!1),[c,m]=j.useState(!1),[w,S]=j.useState(null),[b,N]=j.useState(!1),[E,U]=j.useState(!1),[M,ee]=j.useState(localStorage.getItem("theme_mode")||"auto"),[D,I]=j.useState(null),[V,W]=j.useState(null);j.useEffect(()=>{window.addEventListener("beforeinstallprompt",C=>{C.preventDefault(),W(C)}),q()},[]),j.useEffect(()=>{localStorage.setItem("theme_mode",M);const C=()=>{let z=M;M==="auto"&&(z=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),document.documentElement.setAttribute("data-theme",z)};if(C(),M==="auto"){const z=window.matchMedia("(prefers-color-scheme: dark)"),Y=()=>C();return z.addEventListener("change",Y),()=>z.removeEventListener("change",Y)}},[M]),j.useEffect(()=>{n!=null&&n.primary_color&&(document.documentElement.style.setProperty("--brand-primary",n.primary_color),document.documentElement.style.setProperty("--brand-secondary",n.secondary_color||n.primary_color))},[n]);const[H,Se]=j.useState(null),[T,O]=j.useState(null),L=C=>{I(C),setTimeout(()=>I(null),5e3)},q=async()=>{k(!0);try{try{const K=await $("/branding/");r(K)}catch{}if(ki())try{const K=await $("/users/me/");t(K),!K.is_admin_user&&!K.is_staff&&!K.is_superuser&&y==="admin"&&v("home")}catch{tr(null),t(null),v("home")}const C=new URLSearchParams(window.location.search),z=C.get("verify_email");if(z)try{const K=await $("/users/verify-email/",{method:"POST",body:JSON.stringify({token:z})});tr(K.token),t(K.user),L(K.message||"✅ E-Mail-Adresse erfolgreich bestätigt!"),window.history.replaceState({},document.title,window.location.pathname)}catch(K){L(`⚠️ E-Mail Bestätigung: ${K.message}`)}const Y=C.get("claim_token"),tt=C.get("guest_name");Y&&tt&&(Se(Y),O(tt),ki()||f(!0)),await et(),await ge()}catch(C){console.error(C)}finally{k(!1)}},se=async C=>{try{const z=await $(`/users/signups/${C.id}/generate-claim-link/`,{method:"POST"}),Y=`${window.location.origin}/?claim_token=${z.token}&guest_name=${encodeURIComponent(z.guest_name)}`;navigator.clipboard?(await navigator.clipboard.writeText(Y),L(`✅ Einladungs-Link für ${z.guest_name} in Zwischenablage kopiert!`)):prompt(`Einladungs-Link für ${z.guest_name} kopieren:`,Y)}catch(z){alert(z.message||"Fehler beim Erstellen des Links.")}},et=async()=>{try{const C=await $("/skills/");s(C.results||C)}catch{}},ge=async()=>{try{const C=await $("/events/"),z=C.results||C;a(z),z.length>0&&!u?(d(z[0].id),ye(z[0].id)):u&&ye(u)}catch{}},ye=async C=>{try{const z=await $(`/events/${C}/matrix/`);g(z)}catch{}},me=C=>{d(C),ye(C),v("schedule")},ot=()=>{tr(null),t(null),v("home"),L("Erfolgreich abgemeldet."),u&&ye(u)},Gl=(C,z)=>{t(C),C&&!C.is_admin_user&&!C.is_staff&&!C.is_superuser&&y==="admin"&&v("home"),L(z||"Erfolgreich angemeldet!"),u&&ye(u)},$t=async C=>{if(!e)S(C),m(!0);else try{const z=await $(`/shifts/${C.id}/signup/`,{method:"POST"});L(z.message||"Erfolgreich für Schicht eingetragen!"),u&&ye(u)}catch(z){L(`Fehler: ${z.message}`)}},Yl=async C=>{if(!w)return;const z=await $(`/shifts/${w.id}/signup/`,{method:"POST",body:JSON.stringify(C)});L(z.message||"Als Gast eingetragen!"),u&&ye(u)},Cr=async C=>{try{const z=await $(`/shifts/${C.id}/signup/`,{method:"DELETE"});L(z.message||"Eintragung storniert."),u&&ye(u)}catch(z){L(`Fehler: ${z.message}`)}},[ql,yt]=j.useState(null),Zl=async C=>{let z=C.id;z?await $(`/events/${z}/`,{method:"PATCH",body:JSON.stringify({title:C.title,description:C.description,location:C.location,start_date:C.start_date,end_date:C.end_date})}):z=(await $("/events/",{method:"POST",body:JSON.stringify({title:C.title,description:C.description,location:C.location,start_date:C.start_date,end_date:C.end_date})})).id;for(let Y of C.task_areas){if(!Y.name)continue;let tt=Y.id;tt?await $(`/task-areas/${tt}/`,{method:"PATCH",body:JSON.stringify({name:Y.name,description:Y.description||""})}):tt=(await $("/task-areas/",{method:"POST",body:JSON.stringify({event:z,name:Y.name,description:Y.description||""})})).id;for(let K of Y.shifts)K.id?await $(`/shifts/${K.id}/`,{method:"PATCH",body:JSON.stringify({title:K.title,start_time:K.start_time,end_time:K.end_time,max_participants:K.max_participants,required_skill_ids:K.required_skill_ids||[]})}):await $("/shifts/",{method:"POST",body:JSON.stringify({task_area:tt,title:K.title,start_time:K.start_time,end_time:K.end_time,max_participants:K.max_participants,required_skill_ids:K.required_skill_ids||[]})})}L(C.id?"Veranstaltung & Schichten aktualisiert!":"Veranstaltung erfolgreich erstellt!"),await ge(),me(z)},Ft=async(C,z)=>{const Y=await $(`/templates/${C}/instantiate/`,{method:"POST",body:JSON.stringify(z)});L("Veranstaltung aus Vorlage erstellt!"),await ge(),Y.id&&me(Y.id)},Jl=()=>{u&&window.open(`/api/events/${u}/export_pdf/`,"_blank")},Tr=()=>{window.print()},Xl=()=>{V&&(V.prompt(),V.userChoice.then(C=>{C.outcome==="accepted"&&L("PWA Installation gestartet!"),W(null)}))};return i.jsxs("div",{className:"min-h-screen bg-canvas text-main flex flex-col font-sans selection:bg-surface-hover transition-colors duration-200",children:[D&&i.jsxs("div",{className:"fixed bottom-6 right-6 z-50 bg-emerald-600 text-white px-4 py-2.5 rounded-sm shadow-2xl font-mono text-xs flex items-center gap-2 border border-emerald-400 animate-in fade-in slide-in-from-bottom-3 duration-200",children:[i.jsx(en,{className:"w-4 h-4"}),i.jsx("span",{children:D})]}),i.jsx(ap,{branding:n,user:e,activeTab:y,onChangeTab:v,themeMode:M,onChangeThemeMode:ee,onLogout:ot,onOpenAuth:()=>f(!0),onOpenCreateEvent:()=>{yt(null),v("event-editor")},onOpenTemplates:()=>v("templates"),onOpenProfile:()=>U(!0),onOpenAdmin:()=>v("admin"),pwaInstallPrompt:!!V,onInstallPwa:Xl}),i.jsx("main",{className:"flex-1 max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8 py-8 space-y-6",children:x?i.jsx("div",{className:"hallmark-panel p-16 text-center text-xs text-muted font-mono border border-grid",children:"Lade Daten..."}):y==="home"?i.jsx(mp,{events:o,user:e,onSelectEvent:me,onOpenCreateEvent:()=>{yt(null),v("event-editor")},onToggleEventActive:async C=>{try{await $(`/events/${C.id}/`,{method:"PATCH",body:JSON.stringify({is_active:C.is_active===!1})}),ge()}catch(z){alert(z.message||"Aktion fehlgeschlagen.")}},onEditEvent:C=>{yt(C),v("event-editor")},branding:n}):y==="calendar"?i.jsx(pp,{events:o,onSelectEvent:me,branding:n}):y==="admin"&&e&&(e.is_admin_user||e.is_staff||e.is_superuser)?i.jsx(hp,{branding:n,onRefreshBranding:async()=>{const C=await $("/branding/");r(C)},onRefreshEvents:ge,skills:l,onRefreshSkills:et}):y==="event-editor"?i.jsx(xp,{eventToEdit:ql,skills:l,onBack:()=>v("schedule"),onSubmit:Zl}):y==="templates"?i.jsx(gp,{onBack:()=>v("schedule"),onInstantiateTemplate:Ft}):i.jsxs("div",{className:"space-y-6",children:[i.jsxs("div",{className:"flex items-center justify-between gap-4 overflow-x-auto pb-2 no-scrollbar font-mono",children:[i.jsxs("div",{className:"flex items-center gap-2",children:[i.jsx("span",{className:"text-xs font-bold text-muted uppercase tracking-wider whitespace-nowrap",children:"Ausgewähltes Event:"}),o.map(C=>{const z=u===C.id;return i.jsx("button",{onClick:()=>me(C.id),style:{backgroundColor:z?(n==null?void 0:n.primary_color)||"var(--brand-primary)":void 0,borderColor:z?(n==null?void 0:n.primary_color)||"var(--brand-primary)":void 0},className:`px-3.5 py-1.5 rounded-sm text-xs font-bold transition whitespace-nowrap border ${z?"text-white shadow-sm":"bg-subtle text-muted border-grid hover:text-main"}`,children:C.title},C.id)})]}),e&&i.jsxs("button",{onClick:()=>{yt(null),v("event-editor")},className:"px-3.5 py-1.5 rounded-sm text-xs font-bold bg-subtle hover:bg-surface-hover text-main border border-grid transition flex items-center gap-1.5 shrink-0",children:[i.jsx(tn,{className:"w-4 h-4"})," Neues Event"]})]}),i.jsx(up,{event:h,user:e,onSignupClick:$t,onCancelClick:Cr,onRemoveUserFromShift:async(C,z)=>{try{const Y=await $(`/shifts/${C.id}/signup/${z}/`,{method:"DELETE"});L(Y.message||"Eintragung entfernt."),ge(),u&&me(u)}catch(Y){alert(Y.message||"Entfernen der Person fehlgeschlagen.")}},onGenerateClaimLink:se,onExportPdf:Jl,onPrintView:Tr,onEditEvent:C=>{yt(C),v("event-editor")}})]})}),i.jsx("footer",{className:"border-t border-grid py-6 text-center text-xs text-muted font-mono no-print",children:i.jsxs("p",{children:[(n==null?void 0:n.app_name)||"Veranstaltungsschichtplaner"," • PWA Enabled • PostgreSQL & Docker Ready"]})}),R&&i.jsx(fp,{onClose:()=>{f(!1),Se(null),O(null)},onSuccess:Gl,claimToken:H,prefilledGuestName:T}),c&&i.jsx(cp,{shift:w,onClose:()=>m(!1),onSubmit:Yl})]})}Es.createRoot(document.getElementById("root")).render(i.jsx(Ed.StrictMode,{children:i.jsx(yp,{})})); diff --git a/frontend/dist/assets/index-COhsF1I-.js b/frontend/dist/assets/index-COhsF1I-.js new file mode 100644 index 0000000..0f37ca5 --- /dev/null +++ b/frontend/dist/assets/index-COhsF1I-.js @@ -0,0 +1,272 @@ +(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))r(l);new MutationObserver(l=>{for(const i of l)if(i.type==="childList")for(const o of i.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&r(o)}).observe(document,{childList:!0,subtree:!0});function n(l){const i={};return l.integrity&&(i.integrity=l.integrity),l.referrerPolicy&&(i.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?i.credentials="include":l.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function r(l){if(l.ep)return;l.ep=!0;const i=n(l);fetch(l.href,i)}})();function Id(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ru={exports:{}},Ml={},lu={exports:{}},Q={};/** + * @license React + * react.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var Sr=Symbol.for("react.element"),$d=Symbol.for("react.portal"),Fd=Symbol.for("react.fragment"),Vd=Symbol.for("react.strict_mode"),Ud=Symbol.for("react.profiler"),Bd=Symbol.for("react.provider"),Hd=Symbol.for("react.context"),Qd=Symbol.for("react.forward_ref"),Wd=Symbol.for("react.suspense"),Kd=Symbol.for("react.memo"),Gd=Symbol.for("react.lazy"),Bo=Symbol.iterator;function qd(e){return e===null||typeof e!="object"?null:(e=Bo&&e[Bo]||e["@@iterator"],typeof e=="function"?e:null)}var su={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},iu=Object.assign,ou={};function Ln(e,t,n){this.props=e,this.context=t,this.refs=ou,this.updater=n||su}Ln.prototype.isReactComponent={};Ln.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};Ln.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function au(){}au.prototype=Ln.prototype;function _i(e,t,n){this.props=e,this.context=t,this.refs=ou,this.updater=n||su}var Ei=_i.prototype=new au;Ei.constructor=_i;iu(Ei,Ln.prototype);Ei.isPureReactComponent=!0;var Ho=Array.isArray,uu=Object.prototype.hasOwnProperty,Ci={current:null},cu={key:!0,ref:!0,__self:!0,__source:!0};function du(e,t,n){var r,l={},i=null,o=null;if(t!=null)for(r in t.ref!==void 0&&(o=t.ref),t.key!==void 0&&(i=""+t.key),t)uu.call(t,r)&&!cu.hasOwnProperty(r)&&(l[r]=t[r]);var a=arguments.length-2;if(a===1)l.children=n;else if(1>>1,H=P[R];if(0>>1;Rl(K,S))del(et,K)?(P[R]=et,P[de]=S,R=de):(P[R]=K,P[Y]=S,R=Y);else if(del(et,S))P[R]=et,P[de]=S,R=de;else break e}}return I}function l(P,I){var S=P.sortIndex-I.sortIndex;return S!==0?S:P.id-I.id}if(typeof performance=="object"&&typeof performance.now=="function"){var i=performance;e.unstable_now=function(){return i.now()}}else{var o=Date,a=o.now();e.unstable_now=function(){return o.now()-a}}var u=[],d=[],h=1,g=null,x=3,N=!1,y=!1,v=!1,O=typeof setTimeout=="function"?setTimeout:null,f=typeof clearTimeout=="function"?clearTimeout:null,c=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function m(P){for(var I=n(d);I!==null;){if(I.callback===null)r(d);else if(I.startTime<=P)r(d),I.sortIndex=I.expirationTime,t(u,I);else break;I=n(d)}}function w(P){if(v=!1,m(P),!y)if(n(u)!==null)y=!0,W(j);else{var I=n(d);I!==null&&he(w,I.startTime-P)}}function j(P,I){y=!1,v&&(v=!1,f(C),C=-1),N=!0;var S=x;try{for(m(I),g=n(u);g!==null&&(!(g.expirationTime>I)||P&&!le());){var R=g.callback;if(typeof R=="function"){g.callback=null,x=g.priorityLevel;var H=R(g.expirationTime<=I);I=e.unstable_now(),typeof H=="function"?g.callback=H:g===n(u)&&r(u),m(I)}else r(u);g=n(u)}if(g!==null)var J=!0;else{var Y=n(d);Y!==null&&he(w,Y.startTime-I),J=!1}return J}finally{g=null,x=S,N=!1}}var _=!1,E=null,C=-1,U=5,A=-1;function le(){return!(e.unstable_now()-AP||125R?(P.sortIndex=S,t(d,P),n(u)===null&&P===n(d)&&(v?(f(C),C=-1):v=!0,he(w,S-R))):(P.sortIndex=H,t(u,P),y||N||(y=!0,W(j))),P},e.unstable_shouldYield=le,e.unstable_wrapCallback=function(P){var I=x;return function(){var S=x;x=I;try{return P.apply(this,arguments)}finally{x=S}}}})(xu);hu.exports=xu;var af=hu.exports;/** + * @license React + * react-dom.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var uf=k,Ie=af;function b(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Ls=Object.prototype.hasOwnProperty,cf=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,Wo={},Ko={};function df(e){return Ls.call(Ko,e)?!0:Ls.call(Wo,e)?!1:cf.test(e)?Ko[e]=!0:(Wo[e]=!0,!1)}function ff(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function mf(e,t,n,r){if(t===null||typeof t>"u"||ff(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function Ce(e,t,n,r,l,i,o){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=i,this.removeEmptyString=o}var we={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){we[e]=new Ce(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];we[t]=new Ce(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){we[e]=new Ce(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){we[e]=new Ce(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){we[e]=new Ce(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){we[e]=new Ce(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){we[e]=new Ce(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){we[e]=new Ce(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){we[e]=new Ce(e,5,!1,e.toLowerCase(),null,!1,!1)});var Pi=/[\-:]([a-z])/g;function zi(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(Pi,zi);we[t]=new Ce(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(Pi,zi);we[t]=new Ce(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(Pi,zi);we[t]=new Ce(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){we[e]=new Ce(e,1,!1,e.toLowerCase(),null,!1,!1)});we.xlinkHref=new Ce("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){we[e]=new Ce(e,1,!1,e.toLowerCase(),null,!0,!0)});function Li(e,t,n,r){var l=we.hasOwnProperty(t)?we[t]:null;(l!==null?l.type!==0:r||!(2a||l[o]!==i[a]){var u=` +`+l[o].replace(" at new "," at ");return e.displayName&&u.includes("")&&(u=u.replace("",e.displayName)),u}while(1<=o&&0<=a);break}}}finally{os=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Hn(e):""}function pf(e){switch(e.tag){case 5:return Hn(e.type);case 16:return Hn("Lazy");case 13:return Hn("Suspense");case 19:return Hn("SuspenseList");case 0:case 2:case 15:return e=as(e.type,!1),e;case 11:return e=as(e.type.render,!1),e;case 1:return e=as(e.type,!0),e;default:return""}}function Rs(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case on:return"Fragment";case sn:return"Portal";case Ms:return"Profiler";case Mi:return"StrictMode";case As:return"Suspense";case Ds:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case vu:return(e.displayName||"Context")+".Consumer";case yu:return(e._context.displayName||"Context")+".Provider";case Ai:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Di:return t=e.displayName||null,t!==null?t:Rs(e.type)||"Memo";case Nt:t=e._payload,e=e._init;try{return Rs(e(t))}catch{}}return null}function hf(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return Rs(t);case 8:return t===Mi?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function Rt(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function ku(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function xf(e){var t=ku(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(o){r=""+o,i.call(this,o)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(o){r=""+o},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Dr(e){e._valueTracker||(e._valueTracker=xf(e))}function Nu(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=ku(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function ul(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function Os(e,t){var n=t.checked;return ae({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function qo(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=Rt(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function ju(e,t){t=t.checked,t!=null&&Li(e,"checked",t,!1)}function Is(e,t){ju(e,t);var n=Rt(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?$s(e,t.type,n):t.hasOwnProperty("defaultValue")&&$s(e,t.type,Rt(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function Yo(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function $s(e,t,n){(t!=="number"||ul(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Qn=Array.isArray;function yn(e,t,n,r){if(e=e.options,t){t={};for(var l=0;l"+t.valueOf().toString()+"",t=Rr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function sr(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Gn={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},gf=["Webkit","ms","Moz","O"];Object.keys(Gn).forEach(function(e){gf.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Gn[t]=Gn[e]})});function Eu(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||Gn.hasOwnProperty(e)&&Gn[e]?(""+t).trim():t+"px"}function Cu(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,l=Eu(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,l):e[n]=l}}var yf=ae({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Us(e,t){if(t){if(yf[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(b(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(b(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(b(61))}if(t.style!=null&&typeof t.style!="object")throw Error(b(62))}}function Bs(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Hs=null;function Ri(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var Qs=null,vn=null,wn=null;function Xo(e){if(e=Er(e)){if(typeof Qs!="function")throw Error(b(280));var t=e.stateNode;t&&(t=Il(t),Qs(e.stateNode,e.type,t))}}function Tu(e){vn?wn?wn.push(e):wn=[e]:vn=e}function Pu(){if(vn){var e=vn,t=wn;if(wn=vn=null,Xo(e),t)for(e=0;e>>=0,e===0?32:31-(Tf(e)/Pf|0)|0}var Or=64,Ir=4194304;function Wn(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function ml(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,l=e.suspendedLanes,i=e.pingedLanes,o=n&268435455;if(o!==0){var a=o&~l;a!==0?r=Wn(a):(i&=o,i!==0&&(r=Wn(i)))}else o=n&~l,o!==0?r=Wn(o):i!==0&&(r=Wn(i));if(r===0)return 0;if(t!==0&&t!==r&&!(t&l)&&(l=r&-r,i=t&-t,l>=i||l===16&&(i&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0n;n++)t.push(e);return t}function br(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-Ze(t),e[t]=n}function Af(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=Yn),aa=" ",ua=!1;function Yu(e,t){switch(e){case"keyup":return am.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Zu(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var an=!1;function cm(e,t){switch(e){case"compositionend":return Zu(t);case"keypress":return t.which!==32?null:(ua=!0,aa);case"textInput":return e=t.data,e===aa&&ua?null:e;default:return null}}function dm(e,t){if(an)return e==="compositionend"||!Hi&&Yu(e,t)?(e=Gu(),Xr=Vi=_t=null,an=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=ma(n)}}function tc(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?tc(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function nc(){for(var e=window,t=ul();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=ul(e.document)}return t}function Qi(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function wm(e){var t=nc(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&tc(n.ownerDocument.documentElement,n)){if(r!==null&&Qi(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var l=n.textContent.length,i=Math.min(r.start,l);r=r.end===void 0?i:Math.min(r.end,l),!e.extend&&i>r&&(l=r,r=i,i=l),l=pa(n,i);var o=pa(n,r);l&&o&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==o.node||e.focusOffset!==o.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),e.removeAllRanges(),i>r?(e.addRange(t),e.extend(o.node,o.offset)):(t.setEnd(o.node,o.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,un=null,Zs=null,Jn=null,Js=!1;function ha(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Js||un==null||un!==ul(r)||(r=un,"selectionStart"in r&&Qi(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Jn&&dr(Jn,r)||(Jn=r,r=xl(Zs,"onSelect"),0fn||(e.current=li[fn],li[fn]=null,fn--)}function te(e,t){fn++,li[fn]=e.current,e.current=t}var Ot={},Se=$t(Ot),ze=$t(!1),Zt=Ot;function bn(e,t){var n=e.type.contextTypes;if(!n)return Ot;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var l={},i;for(i in n)l[i]=t[i];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function Le(e){return e=e.childContextTypes,e!=null}function yl(){re(ze),re(Se)}function Na(e,t,n){if(Se.current!==Ot)throw Error(b(168));te(Se,t),te(ze,n)}function dc(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var l in r)if(!(l in t))throw Error(b(108,hf(e)||"Unknown",l));return ae({},n,r)}function vl(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Ot,Zt=Se.current,te(Se,e),te(ze,ze.current),!0}function ja(e,t,n){var r=e.stateNode;if(!r)throw Error(b(169));n?(e=dc(e,t,Zt),r.__reactInternalMemoizedMergedChildContext=e,re(ze),re(Se),te(Se,e)):re(ze),te(ze,n)}var ut=null,$l=!1,Ns=!1;function fc(e){ut===null?ut=[e]:ut.push(e)}function Lm(e){$l=!0,fc(e)}function Ft(){if(!Ns&&ut!==null){Ns=!0;var e=0,t=X;try{var n=ut;for(X=1;e>=o,l-=o,ct=1<<32-Ze(t)+l|n<C?(U=E,E=null):U=E.sibling;var A=x(f,E,m[C],w);if(A===null){E===null&&(E=U);break}e&&E&&A.alternate===null&&t(f,E),c=i(A,c,C),_===null?j=A:_.sibling=A,_=A,E=U}if(C===m.length)return n(f,E),se&&Bt(f,C),j;if(E===null){for(;CC?(U=E,E=null):U=E.sibling;var le=x(f,E,A.value,w);if(le===null){E===null&&(E=U);break}e&&E&&le.alternate===null&&t(f,E),c=i(le,c,C),_===null?j=le:_.sibling=le,_=le,E=U}if(A.done)return n(f,E),se&&Bt(f,C),j;if(E===null){for(;!A.done;C++,A=m.next())A=g(f,A.value,w),A!==null&&(c=i(A,c,C),_===null?j=A:_.sibling=A,_=A);return se&&Bt(f,C),j}for(E=r(f,E);!A.done;C++,A=m.next())A=N(E,f,C,A.value,w),A!==null&&(e&&A.alternate!==null&&E.delete(A.key===null?C:A.key),c=i(A,c,C),_===null?j=A:_.sibling=A,_=A);return e&&E.forEach(function(L){return t(f,L)}),se&&Bt(f,C),j}function O(f,c,m,w){if(typeof m=="object"&&m!==null&&m.type===on&&m.key===null&&(m=m.props.children),typeof m=="object"&&m!==null){switch(m.$$typeof){case Ar:e:{for(var j=m.key,_=c;_!==null;){if(_.key===j){if(j=m.type,j===on){if(_.tag===7){n(f,_.sibling),c=l(_,m.props.children),c.return=f,f=c;break e}}else if(_.elementType===j||typeof j=="object"&&j!==null&&j.$$typeof===Nt&&_a(j)===_.type){n(f,_.sibling),c=l(_,m.props),c.ref=Vn(f,_,m),c.return=f,f=c;break e}n(f,_);break}else t(f,_);_=_.sibling}m.type===on?(c=qt(m.props.children,f.mode,w,m.key),c.return=f,f=c):(w=ol(m.type,m.key,m.props,null,f.mode,w),w.ref=Vn(f,c,m),w.return=f,f=w)}return o(f);case sn:e:{for(_=m.key;c!==null;){if(c.key===_)if(c.tag===4&&c.stateNode.containerInfo===m.containerInfo&&c.stateNode.implementation===m.implementation){n(f,c.sibling),c=l(c,m.children||[]),c.return=f,f=c;break e}else{n(f,c);break}else t(f,c);c=c.sibling}c=Ps(m,f.mode,w),c.return=f,f=c}return o(f);case Nt:return _=m._init,O(f,c,_(m._payload),w)}if(Qn(m))return y(f,c,m,w);if(Rn(m))return v(f,c,m,w);Qr(f,m)}return typeof m=="string"&&m!==""||typeof m=="number"?(m=""+m,c!==null&&c.tag===6?(n(f,c.sibling),c=l(c,m),c.return=f,f=c):(n(f,c),c=Ts(m,f.mode,w),c.return=f,f=c),o(f)):n(f,c)}return O}var En=xc(!0),gc=xc(!1),Nl=$t(null),jl=null,hn=null,qi=null;function Yi(){qi=hn=jl=null}function Zi(e){var t=Nl.current;re(Nl),e._currentValue=t}function oi(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,r!==null&&(r.childLanes|=t)):r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function Nn(e,t){jl=e,qi=hn=null,e=e.dependencies,e!==null&&e.firstContext!==null&&(e.lanes&t&&(Pe=!0),e.firstContext=null)}function Qe(e){var t=e._currentValue;if(qi!==e)if(e={context:e,memoizedValue:t,next:null},hn===null){if(jl===null)throw Error(b(308));hn=e,jl.dependencies={lanes:0,firstContext:e}}else hn=hn.next=e;return t}var Wt=null;function Ji(e){Wt===null?Wt=[e]:Wt.push(e)}function yc(e,t,n,r){var l=t.interleaved;return l===null?(n.next=n,Ji(t)):(n.next=l.next,l.next=n),t.interleaved=n,ht(e,r)}function ht(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var jt=!1;function Xi(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function vc(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function ft(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Lt(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,G&2){var l=r.pending;return l===null?t.next=t:(t.next=l.next,l.next=t),r.pending=t,ht(e,n)}return l=r.interleaved,l===null?(t.next=t,Ji(r)):(t.next=l.next,l.next=t),r.interleaved=t,ht(e,n)}function tl(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Ii(e,n)}}function Ea(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var l=null,i=null;if(n=n.firstBaseUpdate,n!==null){do{var o={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};i===null?l=i=o:i=i.next=o,n=n.next}while(n!==null);i===null?l=i=t:i=i.next=t}else l=i=t;n={baseState:r.baseState,firstBaseUpdate:l,lastBaseUpdate:i,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function Sl(e,t,n,r){var l=e.updateQueue;jt=!1;var i=l.firstBaseUpdate,o=l.lastBaseUpdate,a=l.shared.pending;if(a!==null){l.shared.pending=null;var u=a,d=u.next;u.next=null,o===null?i=d:o.next=d,o=u;var h=e.alternate;h!==null&&(h=h.updateQueue,a=h.lastBaseUpdate,a!==o&&(a===null?h.firstBaseUpdate=d:a.next=d,h.lastBaseUpdate=u))}if(i!==null){var g=l.baseState;o=0,h=d=u=null,a=i;do{var x=a.lane,N=a.eventTime;if((r&x)===x){h!==null&&(h=h.next={eventTime:N,lane:0,tag:a.tag,payload:a.payload,callback:a.callback,next:null});e:{var y=e,v=a;switch(x=t,N=n,v.tag){case 1:if(y=v.payload,typeof y=="function"){g=y.call(N,g,x);break e}g=y;break e;case 3:y.flags=y.flags&-65537|128;case 0:if(y=v.payload,x=typeof y=="function"?y.call(N,g,x):y,x==null)break e;g=ae({},g,x);break e;case 2:jt=!0}}a.callback!==null&&a.lane!==0&&(e.flags|=64,x=l.effects,x===null?l.effects=[a]:x.push(a))}else N={eventTime:N,lane:x,tag:a.tag,payload:a.payload,callback:a.callback,next:null},h===null?(d=h=N,u=g):h=h.next=N,o|=x;if(a=a.next,a===null){if(a=l.shared.pending,a===null)break;x=a,a=x.next,x.next=null,l.lastBaseUpdate=x,l.shared.pending=null}}while(!0);if(h===null&&(u=g),l.baseState=u,l.firstBaseUpdate=d,l.lastBaseUpdate=h,t=l.shared.interleaved,t!==null){l=t;do o|=l.lane,l=l.next;while(l!==t)}else i===null&&(l.shared.lanes=0);en|=o,e.lanes=o,e.memoizedState=g}}function Ca(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;tn?n:4,e(!0);var r=Ss.transition;Ss.transition={};try{e(!1),t()}finally{X=n,Ss.transition=r}}function Rc(){return We().memoizedState}function Rm(e,t,n){var r=At(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Oc(e))Ic(t,n);else if(n=yc(e,t,n,r),n!==null){var l=_e();Je(n,e,r,l),$c(n,t,r)}}function Om(e,t,n){var r=At(e),l={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Oc(e))Ic(t,l);else{var i=e.alternate;if(e.lanes===0&&(i===null||i.lanes===0)&&(i=t.lastRenderedReducer,i!==null))try{var o=t.lastRenderedState,a=i(o,n);if(l.hasEagerState=!0,l.eagerState=a,Xe(a,o)){var u=t.interleaved;u===null?(l.next=l,Ji(t)):(l.next=u.next,u.next=l),t.interleaved=l;return}}catch{}finally{}n=yc(e,t,l,r),n!==null&&(l=_e(),Je(n,e,r,l),$c(n,t,r))}}function Oc(e){var t=e.alternate;return e===oe||t!==null&&t===oe}function Ic(e,t){Xn=_l=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function $c(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Ii(e,n)}}var El={readContext:Qe,useCallback:ke,useContext:ke,useEffect:ke,useImperativeHandle:ke,useInsertionEffect:ke,useLayoutEffect:ke,useMemo:ke,useReducer:ke,useRef:ke,useState:ke,useDebugValue:ke,useDeferredValue:ke,useTransition:ke,useMutableSource:ke,useSyncExternalStore:ke,useId:ke,unstable_isNewReconciler:!1},Im={readContext:Qe,useCallback:function(e,t){return nt().memoizedState=[e,t===void 0?null:t],e},useContext:Qe,useEffect:Pa,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,rl(4194308,4,zc.bind(null,t,e),n)},useLayoutEffect:function(e,t){return rl(4194308,4,e,t)},useInsertionEffect:function(e,t){return rl(4,2,e,t)},useMemo:function(e,t){var n=nt();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=nt();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Rm.bind(null,oe,e),[r.memoizedState,e]},useRef:function(e){var t=nt();return e={current:e},t.memoizedState=e},useState:Ta,useDebugValue:oo,useDeferredValue:function(e){return nt().memoizedState=e},useTransition:function(){var e=Ta(!1),t=e[0];return e=Dm.bind(null,e[1]),nt().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=oe,l=nt();if(se){if(n===void 0)throw Error(b(407));n=n()}else{if(n=t(),ge===null)throw Error(b(349));Xt&30||jc(r,t,n)}l.memoizedState=n;var i={value:n,getSnapshot:t};return l.queue=i,Pa(bc.bind(null,r,i,e),[e]),r.flags|=2048,vr(9,Sc.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=nt(),t=ge.identifierPrefix;if(se){var n=dt,r=ct;n=(r&~(1<<32-Ze(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=gr++,0<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=o.createElement(n,{is:r.is}):(e=o.createElement(n),n==="select"&&(o=e,r.multiple?o.multiple=!0:r.size&&(o.size=r.size))):e=o.createElementNS(e,n),e[rt]=t,e[pr]=r,qc(e,t,!1,!1),t.stateNode=e;e:{switch(o=Bs(n,r),n){case"dialog":ne("cancel",e),ne("close",e),l=r;break;case"iframe":case"object":case"embed":ne("load",e),l=r;break;case"video":case"audio":for(l=0;lPn&&(t.flags|=128,r=!0,Un(i,!1),t.lanes=4194304)}else{if(!r)if(e=bl(o),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),Un(i,!0),i.tail===null&&i.tailMode==="hidden"&&!o.alternate&&!se)return Ne(t),null}else 2*ce()-i.renderingStartTime>Pn&&n!==1073741824&&(t.flags|=128,r=!0,Un(i,!1),t.lanes=4194304);i.isBackwards?(o.sibling=t.child,t.child=o):(n=i.last,n!==null?n.sibling=o:t.child=o,i.last=o)}return i.tail!==null?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=ce(),t.sibling=null,n=ie.current,te(ie,r?n&1|2:n&1),t):(Ne(t),null);case 22:case 23:return po(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?De&1073741824&&(Ne(t),t.subtreeFlags&6&&(t.flags|=8192)):Ne(t),null;case 24:return null;case 25:return null}throw Error(b(156,t.tag))}function Wm(e,t){switch(Ki(t),t.tag){case 1:return Le(t.type)&&yl(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return Cn(),re(ze),re(Se),no(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return to(t),null;case 13:if(re(ie),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(b(340));_n()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return re(ie),null;case 4:return Cn(),null;case 10:return Zi(t.type._context),null;case 22:case 23:return po(),null;case 24:return null;default:return null}}var Kr=!1,je=!1,Km=typeof WeakSet=="function"?WeakSet:Set,z=null;function xn(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){ue(e,t,r)}else n.current=null}function xi(e,t,n){try{n()}catch(r){ue(e,t,r)}}var Va=!1;function Gm(e,t){if(Xs=pl,e=nc(),Qi(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var l=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch{n=null;break e}var o=0,a=-1,u=-1,d=0,h=0,g=e,x=null;t:for(;;){for(var N;g!==n||l!==0&&g.nodeType!==3||(a=o+l),g!==i||r!==0&&g.nodeType!==3||(u=o+r),g.nodeType===3&&(o+=g.nodeValue.length),(N=g.firstChild)!==null;)x=g,g=N;for(;;){if(g===e)break t;if(x===n&&++d===l&&(a=o),x===i&&++h===r&&(u=o),(N=g.nextSibling)!==null)break;g=x,x=g.parentNode}g=N}n=a===-1||u===-1?null:{start:a,end:u}}else n=null}n=n||{start:0,end:0}}else n=null;for(ei={focusedElem:e,selectionRange:n},pl=!1,z=t;z!==null;)if(t=z,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,z=e;else for(;z!==null;){t=z;try{var y=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(y!==null){var v=y.memoizedProps,O=y.memoizedState,f=t.stateNode,c=f.getSnapshotBeforeUpdate(t.elementType===t.type?v:Ge(t.type,v),O);f.__reactInternalSnapshotBeforeUpdate=c}break;case 3:var m=t.stateNode.containerInfo;m.nodeType===1?m.textContent="":m.nodeType===9&&m.documentElement&&m.removeChild(m.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(b(163))}}catch(w){ue(t,t.return,w)}if(e=t.sibling,e!==null){e.return=t.return,z=e;break}z=t.return}return y=Va,Va=!1,y}function er(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var l=r=r.next;do{if((l.tag&e)===e){var i=l.destroy;l.destroy=void 0,i!==void 0&&xi(t,n,i)}l=l.next}while(l!==r)}}function Ul(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function gi(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function Jc(e){var t=e.alternate;t!==null&&(e.alternate=null,Jc(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[rt],delete t[pr],delete t[ri],delete t[Pm],delete t[zm])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function Xc(e){return e.tag===5||e.tag===3||e.tag===4}function Ua(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Xc(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function yi(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=gl));else if(r!==4&&(e=e.child,e!==null))for(yi(e,t,n),e=e.sibling;e!==null;)yi(e,t,n),e=e.sibling}function vi(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(vi(e,t,n),e=e.sibling;e!==null;)vi(e,t,n),e=e.sibling}var ye=null,qe=!1;function kt(e,t,n){for(n=n.child;n!==null;)ed(e,t,n),n=n.sibling}function ed(e,t,n){if(lt&&typeof lt.onCommitFiberUnmount=="function")try{lt.onCommitFiberUnmount(Al,n)}catch{}switch(n.tag){case 5:je||xn(n,t);case 6:var r=ye,l=qe;ye=null,kt(e,t,n),ye=r,qe=l,ye!==null&&(qe?(e=ye,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):ye.removeChild(n.stateNode));break;case 18:ye!==null&&(qe?(e=ye,n=n.stateNode,e.nodeType===8?ks(e.parentNode,n):e.nodeType===1&&ks(e,n),ur(e)):ks(ye,n.stateNode));break;case 4:r=ye,l=qe,ye=n.stateNode.containerInfo,qe=!0,kt(e,t,n),ye=r,qe=l;break;case 0:case 11:case 14:case 15:if(!je&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){l=r=r.next;do{var i=l,o=i.destroy;i=i.tag,o!==void 0&&(i&2||i&4)&&xi(n,t,o),l=l.next}while(l!==r)}kt(e,t,n);break;case 1:if(!je&&(xn(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(a){ue(n,t,a)}kt(e,t,n);break;case 21:kt(e,t,n);break;case 22:n.mode&1?(je=(r=je)||n.memoizedState!==null,kt(e,t,n),je=r):kt(e,t,n);break;default:kt(e,t,n)}}function Ba(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new Km),t.forEach(function(r){var l=rp.bind(null,e,r);n.has(r)||(n.add(r),r.then(l,l))})}}function Ke(e,t){var n=t.deletions;if(n!==null)for(var r=0;rl&&(l=o),r&=~i}if(r=l,r=ce()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Ym(r/1960))-r,10e?16:e,Et===null)var r=!1;else{if(e=Et,Et=null,Pl=0,G&6)throw Error(b(331));var l=G;for(G|=4,z=e.current;z!==null;){var i=z,o=i.child;if(z.flags&16){var a=i.deletions;if(a!==null){for(var u=0;uce()-fo?Gt(e,0):co|=n),Me(e,t)}function ad(e,t){t===0&&(e.mode&1?(t=Ir,Ir<<=1,!(Ir&130023424)&&(Ir=4194304)):t=1);var n=_e();e=ht(e,t),e!==null&&(br(e,t,n),Me(e,n))}function np(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),ad(e,n)}function rp(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(b(314))}r!==null&&r.delete(t),ad(e,n)}var ud;ud=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||ze.current)Pe=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return Pe=!1,Hm(e,t,n);Pe=!!(e.flags&131072)}else Pe=!1,se&&t.flags&1048576&&mc(t,kl,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;ll(e,t),e=t.pendingProps;var l=bn(t,Se.current);Nn(t,n),l=lo(null,t,r,e,l,n);var i=so();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Le(r)?(i=!0,vl(t)):i=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,Xi(t),l.updater=Vl,t.stateNode=l,l._reactInternals=t,ui(t,r,e,n),t=fi(null,t,r,!0,i,n)):(t.tag=0,se&&i&&Wi(t),be(null,t,l,n),t=t.child),t;case 16:r=t.elementType;e:{switch(ll(e,t),e=t.pendingProps,l=r._init,r=l(r._payload),t.type=r,l=t.tag=sp(r),e=Ge(r,e),l){case 0:t=di(null,t,r,e,n);break e;case 1:t=Ia(null,t,r,e,n);break e;case 11:t=Ra(null,t,r,e,n);break e;case 14:t=Oa(null,t,r,Ge(r.type,e),n);break e}throw Error(b(306,r,""))}return t;case 0:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Ge(r,l),di(e,t,r,l,n);case 1:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Ge(r,l),Ia(e,t,r,l,n);case 3:e:{if(Wc(t),e===null)throw Error(b(387));r=t.pendingProps,i=t.memoizedState,l=i.element,vc(e,t),Sl(t,r,null,n);var o=t.memoizedState;if(r=o.element,i.isDehydrated)if(i={element:r,isDehydrated:!1,cache:o.cache,pendingSuspenseBoundaries:o.pendingSuspenseBoundaries,transitions:o.transitions},t.updateQueue.baseState=i,t.memoizedState=i,t.flags&256){l=Tn(Error(b(423)),t),t=$a(e,t,r,n,l);break e}else if(r!==l){l=Tn(Error(b(424)),t),t=$a(e,t,r,n,l);break e}else for(Re=zt(t.stateNode.containerInfo.firstChild),Oe=t,se=!0,Ye=null,n=gc(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(_n(),r===l){t=xt(e,t,n);break e}be(e,t,r,n)}t=t.child}return t;case 5:return wc(t),e===null&&ii(t),r=t.type,l=t.pendingProps,i=e!==null?e.memoizedProps:null,o=l.children,ti(r,l)?o=null:i!==null&&ti(r,i)&&(t.flags|=32),Qc(e,t),be(e,t,o,n),t.child;case 6:return e===null&&ii(t),null;case 13:return Kc(e,t,n);case 4:return eo(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=En(t,null,r,n):be(e,t,r,n),t.child;case 11:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Ge(r,l),Ra(e,t,r,l,n);case 7:return be(e,t,t.pendingProps,n),t.child;case 8:return be(e,t,t.pendingProps.children,n),t.child;case 12:return be(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,l=t.pendingProps,i=t.memoizedProps,o=l.value,te(Nl,r._currentValue),r._currentValue=o,i!==null)if(Xe(i.value,o)){if(i.children===l.children&&!ze.current){t=xt(e,t,n);break e}}else for(i=t.child,i!==null&&(i.return=t);i!==null;){var a=i.dependencies;if(a!==null){o=i.child;for(var u=a.firstContext;u!==null;){if(u.context===r){if(i.tag===1){u=ft(-1,n&-n),u.tag=2;var d=i.updateQueue;if(d!==null){d=d.shared;var h=d.pending;h===null?u.next=u:(u.next=h.next,h.next=u),d.pending=u}}i.lanes|=n,u=i.alternate,u!==null&&(u.lanes|=n),oi(i.return,n,t),a.lanes|=n;break}u=u.next}}else if(i.tag===10)o=i.type===t.type?null:i.child;else if(i.tag===18){if(o=i.return,o===null)throw Error(b(341));o.lanes|=n,a=o.alternate,a!==null&&(a.lanes|=n),oi(o,n,t),o=i.sibling}else o=i.child;if(o!==null)o.return=i;else for(o=i;o!==null;){if(o===t){o=null;break}if(i=o.sibling,i!==null){i.return=o.return,o=i;break}o=o.return}i=o}be(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,r=t.pendingProps.children,Nn(t,n),l=Qe(l),r=r(l),t.flags|=1,be(e,t,r,n),t.child;case 14:return r=t.type,l=Ge(r,t.pendingProps),l=Ge(r.type,l),Oa(e,t,r,l,n);case 15:return Bc(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Ge(r,l),ll(e,t),t.tag=1,Le(r)?(e=!0,vl(t)):e=!1,Nn(t,n),Fc(t,r,l),ui(t,r,l,n),fi(null,t,r,!0,e,n);case 19:return Gc(e,t,n);case 22:return Hc(e,t,n)}throw Error(b(156,t.tag))};function cd(e,t){return Ou(e,t)}function lp(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Be(e,t,n,r){return new lp(e,t,n,r)}function xo(e){return e=e.prototype,!(!e||!e.isReactComponent)}function sp(e){if(typeof e=="function")return xo(e)?1:0;if(e!=null){if(e=e.$$typeof,e===Ai)return 11;if(e===Di)return 14}return 2}function Dt(e,t){var n=e.alternate;return n===null?(n=Be(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function ol(e,t,n,r,l,i){var o=2;if(r=e,typeof e=="function")xo(e)&&(o=1);else if(typeof e=="string")o=5;else e:switch(e){case on:return qt(n.children,l,i,t);case Mi:o=8,l|=8;break;case Ms:return e=Be(12,n,t,l|2),e.elementType=Ms,e.lanes=i,e;case As:return e=Be(13,n,t,l),e.elementType=As,e.lanes=i,e;case Ds:return e=Be(19,n,t,l),e.elementType=Ds,e.lanes=i,e;case wu:return Hl(n,l,i,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case yu:o=10;break e;case vu:o=9;break e;case Ai:o=11;break e;case Di:o=14;break e;case Nt:o=16,r=null;break e}throw Error(b(130,e==null?e:typeof e,""))}return t=Be(o,n,t,l),t.elementType=e,t.type=r,t.lanes=i,t}function qt(e,t,n,r){return e=Be(7,e,r,t),e.lanes=n,e}function Hl(e,t,n,r){return e=Be(22,e,r,t),e.elementType=wu,e.lanes=n,e.stateNode={isHidden:!1},e}function Ts(e,t,n){return e=Be(6,e,null,t),e.lanes=n,e}function Ps(e,t,n){return t=Be(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function ip(e,t,n,r,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=cs(0),this.expirationTimes=cs(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=cs(0),this.identifierPrefix=r,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function go(e,t,n,r,l,i,o,a,u){return e=new ip(e,t,n,a,u),t===1?(t=1,i===!0&&(t|=8)):t=0,i=Be(3,null,null,t),e.current=i,i.stateNode=e,i.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Xi(i),e}function op(e,t,n){var r=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(pd)}catch(e){console.error(e)}}pd(),pu.exports=$e;var fp=pu.exports,Za=fp;zs.createRoot=Za.createRoot,zs.hydrateRoot=Za.hydrateRoot;/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const mp=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),hd=(...e)=>e.filter((t,n,r)=>!!t&&r.indexOf(t)===n).join(" ");/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */var pp={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const hp=k.forwardRef(({color:e="currentColor",size:t=24,strokeWidth:n=2,absoluteStrokeWidth:r,className:l="",children:i,iconNode:o,...a},u)=>k.createElement("svg",{ref:u,...pp,width:t,height:t,stroke:e,strokeWidth:r?Number(n)*24/Number(t):n,className:hd("lucide",l),...a},[...o.map(([d,h])=>k.createElement(d,h)),...Array.isArray(i)?i:[i]]));/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const V=(e,t)=>{const n=k.forwardRef(({className:r,...l},i)=>k.createElement(hp,{ref:i,iconNode:t,className:hd(`lucide-${mp(e)}`,r),...l}));return n.displayName=`${e}`,n};/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const xd=V("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const gd=V("ArrowRight",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const xp=V("Award",[["path",{d:"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526",key:"1yiouv"}],["circle",{cx:"12",cy:"8",r:"6",key:"1vp47v"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const Ja=V("CalendarDays",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}],["path",{d:"M8 14h.01",key:"6423bh"}],["path",{d:"M12 14h.01",key:"1etili"}],["path",{d:"M16 14h.01",key:"1gbofw"}],["path",{d:"M8 18h.01",key:"lrp35t"}],["path",{d:"M12 18h.01",key:"mhygvu"}],["path",{d:"M16 18h.01",key:"kzsmim"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const Tr=V("Calendar",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const gp=V("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const yp=V("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const zn=V("CircleAlert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const gt=V("CircleCheck",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const kr=V("Clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16 14",key:"68esgv"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const vp=V("Download",[["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["polyline",{points:"7 10 12 15 17 10",key:"2ggqvy"}],["line",{x1:"12",x2:"12",y1:"15",y2:"3",key:"1vk2je"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const yd=V("EyeOff",[["path",{d:"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",key:"ct8e1f"}],["path",{d:"M14.084 14.158a3 3 0 0 1-4.242-4.242",key:"151rxh"}],["path",{d:"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",key:"13bj9a"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const wp=V("Eye",[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const Xa=V("House",[["path",{d:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",key:"5wwlr5"}],["path",{d:"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",key:"1d0kgt"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const Nr=V("Layers",[["path",{d:"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z",key:"8b97xw"}],["path",{d:"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65",key:"dd6zsq"}],["path",{d:"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65",key:"ep9fru"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const kp=V("Lock",[["rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2",key:"1w4ew1"}],["path",{d:"M7 11V7a5 5 0 0 1 10 0v4",key:"fwvmzm"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const Np=V("LogOut",[["path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",key:"1uf3rs"}],["polyline",{points:"16 17 21 12 16 7",key:"1gabdz"}],["line",{x1:"21",x2:"9",y1:"12",y2:"12",key:"1uyos4"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const Si=V("Mail",[["rect",{width:"20",height:"16",x:"2",y:"4",rx:"2",key:"18n3k1"}],["path",{d:"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7",key:"1ocrg3"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const ko=V("MapPin",[["path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",key:"1r0f0z"}],["circle",{cx:"12",cy:"10",r:"3",key:"ilqhr7"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const jp=V("Monitor",[["rect",{width:"20",height:"14",x:"2",y:"3",rx:"2",key:"48i651"}],["line",{x1:"8",x2:"16",y1:"21",y2:"21",key:"1svkeh"}],["line",{x1:"12",x2:"12",y1:"17",y2:"21",key:"vw1qmm"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const Sp=V("Moon",[["path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z",key:"a7tn18"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const eu=V("Palette",[["circle",{cx:"13.5",cy:"6.5",r:".5",fill:"currentColor",key:"1okk4w"}],["circle",{cx:"17.5",cy:"10.5",r:".5",fill:"currentColor",key:"f64h9f"}],["circle",{cx:"8.5",cy:"7.5",r:".5",fill:"currentColor",key:"fotxhn"}],["circle",{cx:"6.5",cy:"12.5",r:".5",fill:"currentColor",key:"qy21gx"}],["path",{d:"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z",key:"12rzf8"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const jr=V("PenLine",[["path",{d:"M12 20h9",key:"t2du7b"}],["path",{d:"M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z",key:"1ykcvy"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const bp=V("Play",[["polygon",{points:"6 3 20 12 6 21 6 3",key:"1oa8hb"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const it=V("Plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const _p=V("Printer",[["path",{d:"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2",key:"143wyd"}],["path",{d:"M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6",key:"1itne7"}],["rect",{x:"6",y:"14",width:"12",height:"8",rx:"1",key:"1ue0tg"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const vd=V("Search",[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["path",{d:"m21 21-4.3-4.3",key:"1qie3q"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const Ep=V("Send",[["path",{d:"m22 2-7 20-4-9-9-4Z",key:"1q3vgg"}],["path",{d:"M22 2 11 13",key:"nzbqef"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const tu=V("Settings",[["path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",key:"1qme2f"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const Cp=V("ShieldAlert",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"M12 8v4",key:"1got3b"}],["path",{d:"M12 16h.01",key:"1drbdi"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const Tp=V("ShieldCheck",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const wd=V("Shield",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const kd=V("Sparkles",[["path",{d:"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",key:"4pj2yx"}],["path",{d:"M20 3v4",key:"1olli1"}],["path",{d:"M22 5h-4",key:"1gvqau"}],["path",{d:"M4 17v2",key:"vumght"}],["path",{d:"M5 18H3",key:"zchphs"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const Pp=V("Sun",[["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m4.93 4.93 1.41 1.41",key:"149t6j"}],["path",{d:"m17.66 17.66 1.41 1.41",key:"ptbguv"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"m6.34 17.66-1.41 1.41",key:"1m8zz5"}],["path",{d:"m19.07 4.93-1.41 1.41",key:"1shlcs"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const zp=V("TableProperties",[["path",{d:"M15 3v18",key:"14nvp0"}],["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M21 9H3",key:"1338ky"}],["path",{d:"M21 15H3",key:"9uk58r"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const Yt=V("Trash2",[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const Nd=V("UserCheck",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["polyline",{points:"16 11 18 13 22 9",key:"1pwet4"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const Lp=V("UserPlus",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["line",{x1:"19",x2:"19",y1:"8",y2:"14",key:"1bvyxn"}],["line",{x1:"22",x2:"16",y1:"11",y2:"11",key:"1shjgl"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const nu=V("UserX",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["line",{x1:"17",x2:"22",y1:"8",y2:"13",key:"3nzzx3"}],["line",{x1:"22",x2:"17",y1:"8",y2:"13",key:"1swrse"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const al=V("User",[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const Mp=V("Users",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",key:"kshegd"}],["path",{d:"M16 3.13a4 4 0 0 1 0 7.75",key:"1da9ce"}]]);/** + * @license lucide-react v0.424.0 - ISC + * + * This source code is licensed under the ISC license. + * See the LICENSE file in the root directory of this source tree. + */const jd=V("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);function Ap({branding:e,user:t,activeTab:n,onChangeTab:r,themeMode:l,onChangeThemeMode:i,onLogout:o,onOpenAuth:a,onOpenCreateEvent:u,onOpenTemplates:d,onOpenProfile:h,onOpenAdmin:g,pwaInstallPrompt:x,onInstallPwa:N}){const y=(e==null?void 0:e.primary_color)||"var(--brand-primary)",v=()=>{i(l==="dark"?"light":l==="light"?"auto":"dark")};return s.jsxs("header",{className:"bg-surface border-b border-grid sticky top-0 z-40",children:[s.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between gap-4",children:[s.jsxs("div",{className:"flex items-center space-x-3 shrink-0",children:[s.jsx("div",{onClick:()=>r("home"),style:{backgroundColor:y},className:"w-8 h-8 rounded-sm flex items-center justify-center text-white font-bold cursor-pointer shadow-sm",children:e!=null&&e.logo_url?s.jsx("img",{src:e.logo_url,alt:"Logo",className:"w-4 h-4 object-contain"}):s.jsx(Tr,{className:"w-4 h-4"})}),s.jsxs("div",{onClick:()=>r("home"),className:"cursor-pointer",children:[s.jsx("h1",{className:"font-serif text-base font-bold tracking-tight text-main leading-none",children:(e==null?void 0:e.app_name)||"Schichtplaner"}),s.jsx("div",{className:"text-[10px] font-mono text-muted mt-1 uppercase tracking-wider flex items-center gap-1.5",children:t?s.jsxs("span",{className:"text-emerald-500 font-semibold",children:["[ ",t.display_name||t.username," ]"]}):s.jsx("span",{className:"text-amber-500 font-semibold",children:"[ GAST-MODUS ]"})})]})]}),s.jsxs("nav",{className:"hidden md:flex items-center gap-2",children:[s.jsxs("button",{onClick:()=>r("home"),className:`px-3 py-1.5 rounded-sm text-xs font-mono transition flex items-center gap-1.5 border ${n==="home"?"bg-surface-hover text-main font-bold border-grid":"text-muted hover:text-main border-transparent"}`,children:[s.jsx(Xa,{className:"w-3.5 h-3.5"})," Startseite"]}),s.jsxs("button",{onClick:()=>r("calendar"),className:`px-3 py-1.5 rounded-sm text-xs font-mono transition flex items-center gap-1.5 border ${n==="calendar"?"bg-surface-hover text-main font-bold border-grid":"text-muted hover:text-main border-transparent"}`,children:[s.jsx(Ja,{className:"w-3.5 h-3.5"})," Kalender"]}),((t==null?void 0:t.is_admin_user)||(t==null?void 0:t.is_staff)||(t==null?void 0:t.is_superuser))&&s.jsxs("button",{onClick:()=>r("admin"),className:`px-3 py-1.5 rounded-sm text-xs font-mono transition flex items-center gap-1.5 border ${n==="admin"?"bg-surface-hover text-main font-bold border-grid":"text-muted hover:text-main border-transparent"}`,children:[s.jsx(tu,{className:"w-3.5 h-3.5 text-indigo-400"})," Admin"]})]}),s.jsxs("div",{className:"flex items-center space-x-2",children:[s.jsx("button",{onClick:v,className:"h-8 px-2.5 rounded-sm text-xs font-mono bg-subtle hover:bg-surface-hover text-main border border-grid transition flex items-center gap-1.5",title:`Design-Modus: ${l.toUpperCase()}`,children:l==="dark"?s.jsxs(s.Fragment,{children:[s.jsx(Sp,{className:"w-3.5 h-3.5 text-indigo-400"}),s.jsx("span",{className:"hidden lg:inline text-[11px] font-bold",children:"DARK"})]}):l==="light"?s.jsxs(s.Fragment,{children:[s.jsx(Pp,{className:"w-3.5 h-3.5 text-amber-500"}),s.jsx("span",{className:"hidden lg:inline text-[11px] font-bold",children:"LIGHT"})]}):s.jsxs(s.Fragment,{children:[s.jsx(jp,{className:"w-3.5 h-3.5 text-blue-500"}),s.jsx("span",{className:"hidden lg:inline text-[11px] font-bold",children:"AUTO"})]})}),x&&s.jsxs("button",{onClick:N,className:"h-8 px-2.5 rounded-sm text-xs font-mono bg-emerald-500/10 text-emerald-500 border border-emerald-500/20 hover:bg-emerald-500/20 transition flex items-center gap-1",children:[s.jsx(kd,{className:"w-3 h-3"})," PWA"]}),t?s.jsxs(s.Fragment,{children:[s.jsxs("button",{onClick:u,style:{backgroundColor:y},className:"h-8 px-3 rounded-sm text-xs font-mono font-bold text-white transition flex items-center gap-1 shadow-sm hover:brightness-110",children:[s.jsx(it,{className:"w-3.5 h-3.5"})," Event"]}),s.jsxs("button",{onClick:d,className:"h-8 px-2.5 rounded-sm text-xs font-mono bg-subtle hover:bg-surface-hover text-main border border-grid transition hidden sm:flex items-center gap-1",title:"Vorlagen",children:[s.jsx(Nr,{className:"w-3.5 h-3.5 text-muted"})," Vorlagen"]}),s.jsxs("button",{onClick:h,className:"h-8 px-2.5 rounded-sm text-xs font-mono bg-subtle hover:bg-surface-hover text-main border border-grid transition flex items-center gap-1",title:"Profil & Namen ändern",children:[s.jsx(jr,{className:"w-3.5 h-3.5 text-amber-500"})," Profil"]}),(t.is_admin_user||t.is_staff||t.is_superuser)&&s.jsxs("button",{onClick:()=>r("admin"),className:`h-8 px-2.5 rounded-sm text-xs font-mono transition flex items-center gap-1 border ${n==="admin"?"bg-indigo-500/20 text-indigo-300 border-indigo-500/40 font-bold":"bg-indigo-500/10 hover:bg-indigo-500/20 text-indigo-400 border-indigo-500/30"}`,title:"Admin-Zentrale",children:[s.jsx(tu,{className:"w-3.5 h-3.5"})," Admin"]}),s.jsx("div",{className:"h-4 w-px bg-grid mx-1"}),s.jsx("button",{onClick:o,className:"h-8 w-8 rounded-sm text-muted hover:text-red-500 hover:bg-red-500/10 border border-transparent hover:border-red-500/20 transition flex items-center justify-center",title:"Abmelden",children:s.jsx(Np,{className:"w-3.5 h-3.5"})})]}):s.jsxs("button",{onClick:a,style:{backgroundColor:y},className:"h-8 px-3.5 rounded-sm text-xs font-mono font-bold text-white transition hover:brightness-110 flex items-center gap-1.5 shadow-sm",children:[s.jsx(al,{className:"w-3.5 h-3.5"})," Anmelden"]})]})]}),s.jsxs("div",{className:"flex md:hidden items-center justify-around border-t border-grid py-2 bg-subtle text-xs font-mono",children:[s.jsxs("button",{onClick:()=>r("home"),className:`flex items-center gap-1 px-3 py-1.5 rounded-sm border ${n==="home"?"text-main font-bold bg-surface border-grid":"text-muted border-transparent"}`,children:[s.jsx(Xa,{className:"w-3.5 h-3.5"})," Start"]}),s.jsxs("button",{onClick:()=>r("calendar"),className:`flex items-center gap-1 px-3 py-1.5 rounded-sm border ${n==="calendar"?"text-main font-bold bg-surface border-grid":"text-muted border-transparent"}`,children:[s.jsx(Ja,{className:"w-3.5 h-3.5"})," Termine"]}),s.jsxs("button",{onClick:()=>r("schedule"),className:`flex items-center gap-1 px-3 py-1.5 rounded-sm border ${n==="schedule"?"text-main font-bold bg-surface border-grid":"text-muted border-transparent"}`,children:[s.jsx(zp,{className:"w-3.5 h-3.5"})," Schichtplan"]})]})]})}function Dp({event:e,user:t,onSignupClick:n,onCancelClick:r,onRemoveUserFromShift:l,onGenerateClaimLink:i,onExportPdf:o,onPrintView:a,onEditEvent:u}){var g,x;if(!e||!e.task_areas||e.task_areas.length===0)return s.jsxs("div",{className:"hallmark-panel rounded-sm p-12 text-center border border-grid font-mono",children:[s.jsx(kr,{className:"w-8 h-8 text-muted mx-auto mb-3"}),s.jsx("h3",{className:"font-serif text-xl font-bold text-main uppercase",children:"Keine Aufgabenfelder vorhanden"}),s.jsx("p",{className:"text-xs text-muted mt-1 mb-4",children:"[ Event hat noch keine definierten Aufgabenfelder oder Schichten ]"}),t&&(t.is_admin_user||t.is_staff||t.is_superuser||(e==null?void 0:e.created_by)===t.id||((g=e==null?void 0:e.created_by)==null?void 0:g.id)===t.id)&&u&&s.jsxs("button",{onClick:()=>u(e),className:"px-4 py-2 rounded-sm bg-indigo-500/10 hover:bg-indigo-500/20 text-indigo-400 border border-indigo-500/30 font-bold text-xs inline-flex items-center gap-2",children:[s.jsx(jr,{className:"w-4 h-4"})," SCHICHTEN & BEREICHE ANLEGEN"]})]});const d=!t,h=t&&(t.is_admin_user||t.is_staff||t.is_superuser||e.created_by===t.id||((x=e.created_by)==null?void 0:x.id)===t.id);return s.jsxs("div",{className:"space-y-6",children:[s.jsxs("div",{className:"hallmark-panel rounded-sm p-6 sm:p-8 border border-grid flex flex-col md:flex-row md:items-center justify-between gap-4",children:[s.jsxs("div",{className:"space-y-1 font-mono",children:[s.jsxs("div",{className:"flex flex-wrap items-center gap-2 text-xs text-muted mb-1",children:[s.jsxs("span",{className:"bg-subtle px-2.5 py-0.5 rounded-sm border border-grid font-bold text-main",children:[new Date(e.start_date).toLocaleDateString("de-DE")," — ",new Date(e.end_date).toLocaleDateString("de-DE")]}),e.location&&s.jsxs("span",{className:"flex items-center gap-1 text-muted",children:[s.jsx(ko,{className:"w-3.5 h-3.5 shrink-0"}),e.location]}),e.is_active===!1&&s.jsx("span",{className:"px-2 py-0.5 rounded-sm bg-amber-500/10 text-amber-500 border border-amber-500/20 font-bold",children:"[ DEAKTIVIERT ]"})]}),s.jsx("h2",{className:"font-serif text-3xl sm:text-4xl font-bold uppercase tracking-tight text-main",children:e.title}),e.description&&s.jsx("p",{className:"text-xs font-sans text-muted max-w-2xl mt-1",children:e.description})]}),s.jsxs("div",{className:"flex items-center gap-2 no-print font-mono text-xs shrink-0",children:[h&&u&&s.jsxs("button",{onClick:()=>u(e),className:"px-3.5 py-1.5 rounded-sm bg-indigo-500/10 hover:bg-indigo-500/20 text-indigo-400 border border-indigo-500/30 transition flex items-center gap-1.5 font-bold",title:"Schichten und Aufgabenbereiche für diese Veranstaltung bearbeiten",children:[s.jsx(jr,{className:"w-3.5 h-3.5"})," SCHICHTEN BEARBEITEN"]}),s.jsxs("button",{onClick:a,className:"px-3.5 py-1.5 rounded-sm bg-surface hover:bg-surface-hover text-main border border-grid transition flex items-center gap-1.5 font-bold",children:[s.jsx(_p,{className:"w-3.5 h-3.5"})," DRUCKEN"]}),s.jsxs("button",{onClick:o,className:"px-3.5 py-1.5 rounded-sm bg-surface hover:bg-surface-hover text-main border border-grid transition flex items-center gap-1.5 font-bold",children:[s.jsx(vp,{className:"w-3.5 h-3.5"})," PDF"]})]})]}),d&&s.jsxs("div",{className:"p-3.5 rounded-sm bg-amber-500/10 border border-amber-500/20 text-amber-500 text-xs font-mono flex items-center gap-2",children:[s.jsx(wd,{className:"w-4 h-4 shrink-0 text-amber-500"}),s.jsxs("span",{children:["[ GAST-DATENSCHUTZ ]: Belegungszahlen sichtbar, Namensanzeige aus Datenschutzgründen ",s.jsx("strong",{children:"anonymisiert"}),"."]})]}),s.jsx("div",{className:"hallmark-panel rounded-sm border border-grid overflow-hidden",children:s.jsx("div",{className:"overflow-x-auto",children:s.jsxs("table",{className:"w-full text-left border-collapse",children:[s.jsx("thead",{children:s.jsxs("tr",{className:"bg-subtle border-b border-grid text-[11px] font-mono text-muted uppercase tracking-wider",children:[s.jsx("th",{className:"py-3.5 px-4 w-1/4",children:"Aufgabenfeld"}),s.jsx("th",{className:"py-3.5 px-4 w-1/4",children:"Schicht & Zeitraum"}),s.jsx("th",{className:"py-3.5 px-4 w-1/6",children:"Qualifikation"}),s.jsx("th",{className:"py-3.5 px-4 w-1/4",children:"Belegung & Personen"}),s.jsx("th",{className:"py-3.5 px-4 w-1/6 text-right",children:"Aktion"})]})}),s.jsx("tbody",{className:"divide-y divide-grid text-xs font-sans",children:e.task_areas.map(N=>!N.shifts||N.shifts.length===0?s.jsxs("tr",{children:[s.jsx("td",{className:"py-3.5 px-4 font-serif text-lg font-bold text-main uppercase",children:N.name}),s.jsx("td",{colSpan:4,className:"py-3.5 px-4 text-muted font-mono text-[11px]",children:"[ Keine Schichten angelegt ]"})]},`area-${N.id}`):N.shifts.map((y,v)=>{const O=v===0,f=y.is_full,m=!!(t?y.signups.find(j=>!j.is_guest&&j.display_name===t.display_name):null),w=y.required_skills&&y.required_skills.length>0;return s.jsxs("tr",{className:"hover:bg-surface-hover/60 transition",children:[O?s.jsxs("td",{rowSpan:N.shifts.length,className:"py-3.5 px-4 font-serif text-lg font-bold text-main uppercase bg-subtle/80 align-top border-r border-grid",children:[s.jsx("div",{children:N.name}),N.description&&s.jsx("div",{className:"text-[11px] font-sans font-normal text-muted mt-0.5",children:N.description})]}):null,s.jsxs("td",{className:"py-3.5 px-4",children:[s.jsx("div",{className:"font-semibold text-main",children:y.title}),s.jsxs("div",{className:"text-[11px] font-mono text-muted flex items-center gap-1 mt-0.5",children:[s.jsx(kr,{className:"w-3 h-3 text-muted shrink-0"}),s.jsxs("span",{children:[y.start_time," — ",y.end_time," Uhr"]})]})]}),s.jsx("td",{className:"py-3.5 px-4 font-mono",children:w?s.jsx("div",{className:"flex flex-wrap gap-1",children:y.required_skills.map(j=>s.jsxs("span",{style:{backgroundColor:`${j.color}15`,borderColor:`${j.color}35`,color:j.color},className:"px-2 py-0.5 rounded-sm text-[10px] font-semibold border flex items-center gap-1",children:[s.jsx(xp,{className:"w-3 h-3 shrink-0"})," ",j.name]},j.id))}):s.jsx("span",{className:"text-[11px] text-muted",children:"—"})}),s.jsxs("td",{className:"py-3.5 px-4 font-mono",children:[s.jsx("div",{className:"flex items-center gap-2",children:s.jsxs("span",{className:`px-2 py-0.5 rounded-sm text-[11px] font-bold border ${f?"bg-red-500/10 text-red-500 border-red-500/20":"bg-emerald-500/10 text-emerald-500 border-emerald-500/20"}`,children:["[ ",y.signups_count," / ",y.max_participants," BELEGT ]"]})}),s.jsx("div",{className:"mt-2 space-y-1 font-sans",children:y.signups.map(j=>s.jsxs("div",{className:"text-[11px] text-muted flex items-center justify-between gap-2 p-1.5 rounded-sm bg-subtle border border-grid",children:[s.jsxs("div",{className:"flex items-center gap-1.5 truncate",children:[s.jsx(Nd,{className:"w-3 h-3 text-muted shrink-0"}),s.jsx("span",{className:"truncate",children:j.display_name}),j.is_guest&&s.jsx("span",{className:"text-[9px] font-mono text-amber-500 px-1 rounded-sm bg-amber-500/10 border border-amber-500/20 font-bold",children:"GAST"})]}),s.jsxs("div",{className:"flex items-center gap-1 shrink-0",children:[t&&j.is_guest&&i&&s.jsxs("button",{onClick:()=>i(j),className:"text-indigo-400 hover:text-indigo-300 transition p-1 rounded-sm bg-indigo-500/10 hover:bg-indigo-500/20 border border-indigo-500/20 flex items-center gap-1 text-[10px] font-mono font-bold",title:"Konto-Einladungslink für diese Gast-Eintragung kopieren",children:[s.jsx(Lp,{className:"w-3 h-3"})," LINK"]}),h&&l&&s.jsx("button",{onClick:()=>l(y,j.id),className:"text-muted hover:text-red-500 transition p-1 rounded-sm hover:bg-red-500/10",title:"Person aus dieser Schicht entfernen",children:s.jsx(nu,{className:"w-3.5 h-3.5"})})]})]},j.id))})]}),s.jsx("td",{className:"py-3.5 px-4 text-right font-mono",children:m?s.jsxs("button",{onClick:()=>r(y),className:"px-3 py-1.5 rounded-sm text-xs font-semibold bg-red-500/10 hover:bg-red-500/20 text-red-500 border border-red-500/20 transition flex items-center gap-1 ml-auto",children:[s.jsx(nu,{className:"w-3.5 h-3.5"})," AUSTRAGEN"]}):f?s.jsx("span",{className:"text-xs text-muted font-bold",children:"[ VOLL ]"}):s.jsxs("button",{onClick:()=>n(y),style:{backgroundColor:"var(--brand-primary)"},className:"px-3.5 py-1.5 rounded-sm text-xs font-bold text-white transition hover:brightness-110 flex items-center gap-1 ml-auto shadow-sm",children:[s.jsx(gt,{className:"w-3.5 h-3.5"})," EINTRAGEN"]})})]},`shift-${y.id}`)}))})]})})})]})}function Rp({shift:e,onClose:t,onSubmit:n}){const[r,l]=k.useState(""),[i,o]=k.useState(""),[a,u]=k.useState(!1),[d,h]=k.useState(""),[g,x]=k.useState(!1);k.useEffect(()=>{const v=localStorage.getItem("guest_display_name")||"";v&&l(v)},[]);const N=()=>{const v="acaptcha-verified-"+Math.random().toString(36).substring(2,10);o(v),u(!0)},y=async v=>{if(v.preventDefault(),h(""),!r.trim()){h("Bitte gib deinen Namen ein.");return}if(!a||!i){h("Bitte löse zuerst das Captcha.");return}localStorage.setItem("guest_display_name",r.trim()),x(!0);try{await n({guest_name:r.trim(),captcha_token:i}),t()}catch(O){h(O.message||"Eintragen fehlgeschlagen.")}finally{x(!1)}};return s.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-4 bg-slate-950/80 backdrop-blur-sm",children:s.jsxs("div",{className:"glass-panel w-full max-w-md rounded-2xl border border-slate-800 p-6 shadow-2xl relative animate-in fade-in zoom-in-95 duration-200",children:[s.jsx("button",{onClick:t,className:"absolute top-4 right-4 p-2 text-slate-400 hover:text-white rounded-lg transition",children:s.jsx(jd,{className:"w-5 h-5"})}),s.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[s.jsx("div",{className:"w-10 h-10 rounded-xl bg-blue-500/10 text-blue-400 border border-blue-500/20 flex items-center justify-center",children:s.jsx(Nd,{className:"w-5 h-5"})}),s.jsxs("div",{children:[s.jsx("h3",{className:"font-bold text-lg text-white",children:"Als Gast eintragen"}),s.jsxs("p",{className:"text-xs text-slate-400",children:["Schicht: ",e==null?void 0:e.title," (",e==null?void 0:e.start_time," - ",e==null?void 0:e.end_time,")"]})]})]}),d&&s.jsxs("div",{className:"mb-4 p-3 rounded-xl bg-red-500/10 border border-red-500/20 text-red-400 text-xs flex items-center gap-2",children:[s.jsx(zn,{className:"w-4 h-4 shrink-0"}),s.jsx("span",{children:d})]}),s.jsxs("form",{onSubmit:y,className:"space-y-4",children:[s.jsxs("div",{children:[s.jsx("label",{className:"block text-xs font-semibold text-slate-300 mb-1",children:"Dein Name / Anzeigename"}),s.jsx("input",{type:"text",required:!0,value:r,onChange:v=>l(v.target.value),placeholder:"z. B. Alex Muster",className:"w-full px-3.5 py-2.5 rounded-xl bg-slate-900 border border-slate-800 text-white text-sm focus:outline-none focus:border-blue-500 transition"}),s.jsx("p",{className:"text-[11px] text-slate-500 mt-1",children:"Dein Name wird in deiner Sitzung gespeichert. Falls du später ein Konto mit diesem Namen erstellst, werden deine Gast-Schichten automatisch übertragen!"})]}),s.jsxs("div",{className:"p-4 rounded-xl bg-slate-900/90 border border-slate-800 space-y-3",children:[s.jsxs("div",{className:"flex items-center justify-between",children:[s.jsxs("span",{className:"text-xs font-semibold text-slate-300 flex items-center gap-1.5",children:[s.jsx(Tp,{className:"w-4 h-4 text-emerald-400"})," Security Check (acaptcha.vercel.app)"]}),s.jsx("a",{href:"https://acaptcha.vercel.app/",target:"_blank",rel:"noreferrer",className:"text-[10px] text-blue-400 hover:underline",children:"Website öffnen"})]}),s.jsxs("div",{className:"border border-dashed border-slate-700 rounded-lg p-3 text-center bg-slate-950/60",children:[s.jsx("iframe",{src:"https://acaptcha.vercel.app/",title:"acaptcha",className:"w-full h-16 border-0 rounded"}),s.jsx("div",{className:"mt-2 flex items-center justify-center gap-2",children:a?s.jsxs("div",{className:"text-xs font-medium text-emerald-400 flex items-center gap-1",children:[s.jsx(gt,{className:"w-4 h-4"})," Captcha erfolgreich verifiziert!"]}):s.jsxs("button",{type:"button",onClick:N,className:"px-3 py-1.5 text-xs font-semibold rounded-lg bg-emerald-600 hover:bg-emerald-500 text-white transition flex items-center gap-1",children:[s.jsx(gt,{className:"w-3.5 h-3.5"})," Captcha gelöst bestätigen"]})})]})]}),s.jsxs("div",{className:"pt-2 flex justify-end gap-2",children:[s.jsx("button",{type:"button",onClick:t,className:"px-4 py-2 rounded-xl text-xs font-semibold text-slate-400 hover:bg-slate-800 transition",children:"Abbrechen"}),s.jsx("button",{type:"submit",disabled:g,className:"px-5 py-2 rounded-xl text-xs font-bold bg-blue-600 hover:bg-blue-500 text-white transition shadow-lg shadow-blue-600/30 disabled:opacity-50",children:g?"Eintragen...":"Jetzt eintragen"})]})]})]})})}const Op="/api",bi=()=>localStorage.getItem("auth_token"),rr=e=>{e?localStorage.setItem("auth_token",e):localStorage.removeItem("auth_token")},$=async(e,t={})=>{const n=bi(),r={"Content-Type":"application/json",...n?{Authorization:`Token ${n}`}:{},...t.headers},l=await fetch(`${Op}${e}`,{...t,headers:r}),i=l.headers.get("content-type");let o=null;if(i&&i.includes("application/json")&&(o=await l.json()),!l.ok){let a="Ein Fehler ist aufgetreten.";throw o&&(typeof o.error=="string"?a=o.error:typeof o.detail=="string"?a=o.detail:o.email?a=Array.isArray(o.email)?o.email[0]:o.email:o.username?a=Array.isArray(o.username)?o.username[0]:o.username:o.non_field_errors&&(a=o.non_field_errors[0])),new Error(a)}return o};function Ip({onClose:e,onSuccess:t,claimToken:n,prefilledGuestName:r}){const[l,i]=k.useState(!!(n||r)),[o,a]=k.useState(""),[u,d]=k.useState(""),[h,g]=k.useState(""),[x,N]=k.useState(r||""),[y,v]=k.useState(null),[O,f]=k.useState(""),[c,m]=k.useState(!1);k.useEffect(()=>{w()},[]);const w=async()=>{try{const _=await $("/users/restriction-setting/");v(_)}catch{}},j=async _=>{_.preventDefault(),f(""),m(!0);try{if(l){const E={username:o,email:u,password:h,display_name:x||o};n&&(E.claim_token=n);const C=await $("/users/register/",{method:"POST",body:JSON.stringify(E)});if(C.requires_verification||C.requires_approval||!C.token){t(null,C.message||"Konto erfolgreich registriert! Bitte schau in deine E-Mail zur Bestätigung oder warte auf die Admin-Freischaltung."),e();return}rr(C.token),t(C.user,C.message)}else{const E=await $("/users/login/",{method:"POST",body:JSON.stringify({username:o,password:h})});rr(E.token),t(E.user,"Erfolgreich angemeldet!")}e()}catch(E){f(E.message||"Authentifizierung fehlgeschlagen.")}finally{m(!1)}};return s.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/60 backdrop-blur-sm",children:s.jsxs("div",{className:"hallmark-panel w-full max-w-md rounded-sm border border-grid p-6 shadow-2xl relative animate-in fade-in zoom-in-95 duration-200",children:[s.jsx("button",{onClick:e,className:"absolute top-4 right-4 p-2 text-muted hover:text-main rounded-sm transition",children:s.jsx(jd,{className:"w-5 h-5"})}),s.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[s.jsx("div",{className:"w-10 h-10 rounded-sm bg-blue-500/10 text-blue-500 border border-blue-500/20 flex items-center justify-center",children:s.jsx(al,{className:"w-5 h-5"})}),s.jsxs("div",{children:[s.jsx("h3",{className:"font-serif font-bold text-lg text-main",children:l?"Konto erstellen":"Anmelden"}),s.jsx("p",{className:"text-xs text-muted font-sans",children:l?"Erstelle einen Account für volle Funktionen & Schichteinsicht":"Melde dich an, um Events zu verwalten"})]})]}),r&&s.jsxs("div",{className:"mb-4 p-3 rounded-sm bg-amber-500/10 border border-amber-500/20 text-amber-500 text-xs flex items-center gap-2 font-mono",children:[s.jsx(kd,{className:"w-4 h-4 shrink-0 text-amber-500"}),s.jsxs("span",{children:["Einladung für Gast: ",s.jsx("strong",{children:r}),". Die Schicht wird deinem neuen Konto zugewiesen!"]})]}),(y==null?void 0:y.is_restriction_enabled)&&l&&s.jsxs("div",{className:"mb-4 p-3 rounded-sm bg-indigo-500/10 border border-indigo-500/20 text-indigo-400 text-xs flex items-center gap-2 font-mono",children:[s.jsx(Cp,{className:"w-4 h-4 shrink-0 text-indigo-400"}),s.jsxs("span",{children:["Registrierungen beschränkt auf: ",s.jsx("strong",{children:y.active_domains.join(", ")})]})]}),O&&s.jsxs("div",{className:"mb-4 p-3 rounded-sm bg-red-500/10 border border-red-500/20 text-red-500 text-xs flex items-center gap-2 font-mono",children:[s.jsx(zn,{className:"w-4 h-4 shrink-0"}),s.jsx("span",{children:O})]}),!l&&s.jsxs("div",{className:"mb-5 p-3.5 rounded-sm bg-subtle border border-grid space-y-2 font-mono",children:[s.jsx("div",{className:"text-[11px] font-semibold text-muted uppercase tracking-wider flex items-center justify-between",children:s.jsx("span",{children:"⚡ Dev Schnell-Login"})}),s.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[s.jsxs("button",{type:"button",onClick:()=>{a("admin"),g("adminpassword")},className:"px-2.5 py-1.5 rounded-sm bg-indigo-500/10 hover:bg-indigo-500/20 text-indigo-400 border border-indigo-500/30 text-xs font-semibold transition text-left",children:["👑 Demo Admin",s.jsx("div",{className:"text-[10px] text-indigo-400 font-normal",children:"admin / adminpassword"})]}),s.jsxs("button",{type:"button",onClick:()=>{a("demouser"),g("demouser123")},className:"px-2.5 py-1.5 rounded-sm bg-emerald-500/10 hover:bg-emerald-500/20 text-emerald-500 border border-emerald-500/30 text-xs font-semibold transition text-left",children:["👤 Demo User",s.jsx("div",{className:"text-[10px] text-emerald-500 font-normal",children:"demouser / demouser123"})]})]})]}),s.jsxs("form",{onSubmit:j,className:"space-y-4 font-sans",children:[s.jsxs("div",{children:[s.jsx("label",{className:"block text-xs font-semibold text-main mb-1 font-mono",children:"Benutzername"}),s.jsxs("div",{className:"relative",children:[s.jsx(al,{className:"w-4 h-4 absolute left-3 top-3 text-muted"}),s.jsx("input",{type:"text",required:!0,value:o,onChange:_=>a(_.target.value),placeholder:"z. B. max_muster",className:"w-full pl-9 pr-3.5 py-2 rounded-sm input-field text-sm font-mono"})]})]}),l&&s.jsxs(s.Fragment,{children:[s.jsxs("div",{children:[s.jsx("label",{className:"block text-xs font-semibold text-main mb-1 font-mono",children:"E-Mail-Adresse"}),s.jsxs("div",{className:"relative",children:[s.jsx(Si,{className:"w-4 h-4 absolute left-3 top-3 text-muted"}),s.jsx("input",{type:"email",required:!0,value:u,onChange:_=>d(_.target.value),placeholder:"max@beispiel.de",className:"w-full pl-9 pr-3.5 py-2 rounded-sm input-field text-sm font-mono"})]})]}),s.jsxs("div",{children:[s.jsx("label",{className:"block text-xs font-semibold text-main mb-1 font-mono",children:"Anzeigename (für Schichtlisten)"}),s.jsxs("div",{className:"relative",children:[s.jsx(al,{className:"w-4 h-4 absolute left-3 top-3 text-muted"}),s.jsx("input",{type:"text",value:x,onChange:_=>N(_.target.value),placeholder:"z. B. Max M.",className:"w-full pl-9 pr-3.5 py-2 rounded-sm input-field text-sm font-mono"})]})]})]}),s.jsxs("div",{children:[s.jsx("label",{className:"block text-xs font-semibold text-main mb-1 font-mono",children:"Passwort"}),s.jsxs("div",{className:"relative",children:[s.jsx(kp,{className:"w-4 h-4 absolute left-3 top-3 text-muted"}),s.jsx("input",{type:"password",required:!0,value:h,onChange:_=>g(_.target.value),placeholder:"••••••••",className:"w-full pl-9 pr-3.5 py-2 rounded-sm input-field text-sm font-mono"})]})]}),s.jsx("button",{type:"submit",disabled:c,style:{backgroundColor:"var(--brand-primary)"},className:"w-full py-2.5 rounded-sm text-xs font-mono font-bold text-white transition hover:brightness-110 shadow-sm",children:c?"Verarbeite...":l?"Registrieren":"Anmelden"})]}),s.jsx("div",{className:"mt-4 pt-4 border-t border-grid text-center",children:s.jsx("button",{type:"button",onClick:()=>{i(!l),f("")},className:"text-xs font-mono text-muted hover:text-main transition",children:l?"Bereits ein Konto? Hier anmelden":"Noch kein Konto? Jetzt registrieren"})})]})})}function $p({events:e,user:t,onSelectEvent:n,onOpenCreateEvent:r,onToggleEventActive:l,onEditEvent:i,branding:o}){const[a,u]=k.useState(""),[d,h]=k.useState("all"),g=new Date().toISOString().split("T")[0],x=e.filter(c=>c.title.toLowerCase().includes(a.toLowerCase())||c.description&&c.description.toLowerCase().includes(a.toLowerCase())||c.location&&c.location.toLowerCase().includes(a.toLowerCase())?d==="upcoming"?c.end_date>=g:!0:!1),N=(o==null?void 0:o.primary_color)||"var(--brand-primary)",y=(o==null?void 0:o.show_community_info_box)??!0,v=(o==null?void 0:o.show_support_box)??!0,O=y||v,f=t&&(t.is_admin_user||t.is_staff||t.is_superuser);return s.jsxs("div",{className:"space-y-8 animate-in fade-in duration-200",children:[s.jsxs("div",{className:"hallmark-panel rounded-sm p-6 sm:p-10 space-y-6 max-w-5xl mx-auto relative border border-grid",children:[s.jsxs("div",{className:"space-y-2 border-b border-grid pb-6",children:[s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{className:"font-mono text-[10px] uppercase tracking-widest text-muted border border-grid px-2.5 py-1 rounded-sm inline-block",children:(o==null?void 0:o.app_name)||"SCHICHT- & EVENTPORTAL"}),(o==null?void 0:o.custom_banner_text)&&s.jsxs("span",{className:"font-mono text-[10px] uppercase tracking-widest text-amber-500 bg-amber-500/10 border border-amber-500/20 px-2.5 py-1 rounded-sm inline-block font-bold",children:["📢 ",o.custom_banner_text]})]}),s.jsx("h2",{className:"font-serif text-3xl sm:text-5xl font-bold uppercase tracking-tight text-main leading-tight",children:"Veranstaltungen & Schichtkoordination"}),s.jsx("p",{className:"font-sans text-xs sm:text-sm text-muted max-w-2xl",children:"Hier findest du aktuelle Termine, Arbeitsgruppen, Bar- & Tresendienste und Schichtpläne der Initiative."})]}),s.jsxs("div",{className:"flex flex-col sm:flex-row items-stretch sm:items-center justify-between gap-3",children:[s.jsxs("div",{className:"relative flex-1",children:[s.jsx(vd,{className:"w-4 h-4 absolute left-3.5 top-3 text-muted"}),s.jsx("input",{type:"text",value:a,onChange:c=>u(c.target.value),placeholder:"Veranstaltung, Ort oder Suchbegriff...",className:"w-full pl-10 pr-16 py-2 rounded-sm bg-subtle border border-grid text-main text-xs font-mono focus:outline-none focus:border-muted"}),a&&s.jsx("button",{onClick:()=>u(""),className:"absolute right-3 top-2.5 text-[10px] font-mono text-muted hover:text-main",children:"[ CLEAR ]"})]}),s.jsxs("div",{className:"flex items-center gap-1.5 font-mono text-xs shrink-0",children:[s.jsxs("button",{onClick:()=>h("all"),className:`px-3.5 py-1.5 rounded-sm transition border ${d==="all"?"bg-surface-hover text-main border-grid font-bold shadow-sm":"bg-subtle text-muted border-grid hover:text-main"}`,children:["ALLE PROGRAMME (",e.length,")"]}),s.jsxs("button",{onClick:()=>h("upcoming"),className:`px-3.5 py-1.5 rounded-sm transition border ${d==="upcoming"?"bg-surface-hover text-main border-grid font-bold shadow-sm":"bg-subtle text-muted border-grid hover:text-main"}`,children:["ANSTEHEND (",e.filter(c=>c.end_date>=g).length,")"]})]})]})]}),s.jsxs("div",{className:"max-w-5xl mx-auto grid grid-cols-1 lg:grid-cols-4 gap-6",children:[s.jsxs("div",{className:`${O?"lg:col-span-3":"lg:col-span-4"} space-y-4`,children:[s.jsxs("div",{className:"flex items-center justify-between border-b border-grid pb-3 font-mono",children:[s.jsxs("h3",{className:"font-serif text-xl font-bold uppercase tracking-wide text-main flex items-center gap-2",children:[s.jsx(Tr,{className:"w-4.5 h-4.5 text-muted"})," Termine & Schichten"]}),t&&s.jsxs("button",{onClick:r,style:{backgroundColor:N},className:"px-3.5 py-1.5 rounded-sm text-xs font-mono font-bold text-white transition flex items-center gap-1 hover:brightness-110 shadow-sm",children:[s.jsx(it,{className:"w-3.5 h-3.5"})," EVENT ANLEGEN"]})]}),x.length===0?s.jsx("div",{className:"hallmark-panel rounded-sm p-12 text-center text-xs font-mono text-muted border border-grid",children:a?`[ Keinen Eintrag für "${a}" gefunden ]`:"[ Keine Veranstaltungen vorhanden ]"}):s.jsx("div",{className:`grid grid-cols-1 sm:grid-cols-2 ${O?"":"lg:grid-cols-3"} gap-4`,children:x.map(c=>{var E,C,U;const m=((E=c.task_areas)==null?void 0:E.length)||0,w=((C=c.task_areas)==null?void 0:C.reduce((A,le)=>{var L;return A+(((L=le.shifts)==null?void 0:L.length)||0)},0))||0,j=t&&(c.created_by===t.id||((U=c.created_by)==null?void 0:U.id)===t.id),_=f||j;return s.jsxs("div",{className:`hallmark-card rounded-sm p-5 border transition flex flex-col justify-between space-y-4 group overflow-hidden ${c.is_active===!1?"border-amber-500/40 opacity-80 bg-subtle":"border-grid"}`,children:[s.jsxs("div",{className:"space-y-3",children:[s.jsxs("div",{className:"flex items-center justify-between text-[11px] font-mono text-muted gap-2",children:[s.jsxs("span",{className:"flex items-center gap-1 bg-subtle px-2 py-0.5 rounded-sm border border-grid font-bold shrink-0",children:[s.jsx(kr,{className:"w-3 h-3 text-muted"}),new Date(c.start_date).toLocaleDateString("de-DE")]}),c.is_active===!1?s.jsx("span",{className:"text-amber-500 font-bold px-1.5 py-0.5 rounded-sm bg-amber-500/10 border border-amber-500/20 shrink-0",children:"[ DEAKTIVIERT ]"}):c.location?s.jsxs("span",{className:"flex items-center gap-1 text-muted truncate max-w-[130px]",children:[s.jsx(ko,{className:"w-3 h-3 shrink-0"}),s.jsx("span",{className:"truncate",children:c.location})]}):null]}),s.jsx("h4",{className:"font-serif text-lg font-bold uppercase text-main group-hover:text-amber-500 transition line-clamp-2",children:c.title}),c.description&&s.jsx("p",{className:"text-xs text-muted font-sans line-clamp-2",children:c.description}),s.jsxs("div",{className:"text-[10px] font-mono text-muted flex items-center gap-1.5 pt-1",children:[s.jsxs("span",{children:[m," Bereiche"]}),s.jsx("span",{children:"/"}),s.jsxs("span",{children:[w," Schichten"]})]})]}),s.jsx("div",{className:"pt-3 border-t border-grid space-y-2 font-mono",children:s.jsxs("div",{className:"flex flex-wrap items-center gap-1.5",children:[s.jsxs("button",{onClick:()=>n(c.id),className:"flex-1 min-w-[110px] py-1.5 px-3 rounded-sm text-xs font-mono font-bold bg-surface hover:bg-surface-hover text-main border border-grid transition flex items-center justify-center gap-1",children:["Schichtplan ",s.jsx(gd,{className:"w-3.5 h-3.5"})]}),_&&i&&s.jsxs("button",{onClick:()=>i(c),className:"py-1.5 px-2.5 rounded-sm text-[10px] font-mono font-bold bg-indigo-500/10 text-indigo-400 border border-indigo-500/20 hover:bg-indigo-500/20 transition flex items-center gap-1 shrink-0",title:"Veranstaltung & Schichten bearbeiten",children:[s.jsx(jr,{className:"w-3.5 h-3.5"})," BEARBEITEN"]}),_&&l&&s.jsx("button",{onClick:()=>l(c),className:`py-1.5 px-2 rounded-sm text-[10px] font-mono font-bold transition flex items-center gap-1 border shrink-0 ${c.is_active!==!1?"bg-amber-500/10 text-amber-500 border-amber-500/20 hover:bg-amber-500/20":"bg-emerald-500/10 text-emerald-400 border-emerald-500/20 hover:bg-emerald-500/20"}`,title:c.is_active!==!1?"Deaktivieren":"Aktivieren",children:c.is_active!==!1?s.jsx(yd,{className:"w-3.5 h-3.5"}):s.jsx(gt,{className:"w-3.5 h-3.5"})})]})})]},c.id)})})]}),O&&s.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[y&&s.jsxs("div",{className:"hallmark-panel rounded-sm p-4 border border-grid space-y-3",children:[s.jsx("h4",{className:"font-serif text-sm font-bold uppercase tracking-wide text-main border-b border-grid pb-2",children:(o==null?void 0:o.community_info_title)||"📌 Verein & Infos"}),s.jsx("div",{className:"space-y-2 text-muted text-[11px] whitespace-pre-line",children:(o==null?void 0:o.community_info_text)||`Initiative e.V. Hausverein +Offene Angebote, DIY-Kultur & engagierte Schichten.`})]}),v&&s.jsxs("div",{className:"hallmark-panel rounded-sm p-4 border border-grid space-y-3",children:[s.jsx("h4",{className:"font-serif text-sm font-bold uppercase tracking-wide text-main border-b border-grid pb-2",children:(o==null?void 0:o.support_box_title)||"❤️ Unterstützen"}),s.jsx("p",{className:"text-[11px] text-muted whitespace-pre-line",children:(o==null?void 0:o.support_box_text)||"Hilf mit als Helfer*in an der Bar, beim Essen kochen oder beim Auf- & Abbau."})]})]})]})]})}function Fp({events:e,onSelectEvent:t,branding:n}){const[r,l]=k.useState(new Date),[i,o]=k.useState(null),a=r.getFullYear(),u=r.getMonth(),d=["JANUAR","FEBRUAR","MÄRZ","APRIL","MAI","JUNI","JULI","AUGUST","SEPTEMBER","OKTOBER","NOVEMBER","DEZEMBER"],h=()=>l(new Date(a,u-1,1)),g=()=>l(new Date(a,u+1,1)),x=()=>l(new Date),N=new Date(a,u,1).getDay(),y=N===0?6:N-1,v=new Date(a,u+1,0).getDate(),O=m=>{const w=String(u+1).padStart(2,"0"),j=String(m).padStart(2,"0");return`${a}-${w}-${j}`},f=m=>{const w=O(m);return e.filter(j=>w>=j.start_date&&w<=j.end_date)},c=(n==null?void 0:n.primary_color)||"var(--brand-primary)";return s.jsxs("div",{className:"space-y-6 max-w-5xl mx-auto animate-in fade-in duration-200",children:[s.jsxs("div",{className:"hallmark-panel rounded-sm p-6 sm:p-8 border border-grid flex flex-col sm:flex-row sm:items-center justify-between gap-4 font-mono",children:[s.jsxs("div",{className:"flex items-center gap-3",children:[s.jsx("div",{className:"w-10 h-10 rounded-sm bg-subtle text-main border border-grid flex items-center justify-center font-bold",children:s.jsx(Tr,{className:"w-4 h-4 text-amber-500"})}),s.jsxs("div",{children:[s.jsxs("h2",{className:"font-serif text-3xl sm:text-4xl font-bold uppercase tracking-tight text-main leading-none",children:[d[u]," ",a]}),s.jsx("p",{className:"text-[10px] text-muted uppercase tracking-widest mt-1",children:"— INITIATIVE E.V. TERMIN- & SCHICHTÜBERSICHT —"})]})]}),s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("button",{onClick:x,className:"px-3.5 py-1.5 rounded-sm text-xs font-mono font-bold bg-surface hover:bg-surface-hover text-main border border-grid transition",children:"[ HEUTE ]"}),s.jsx("button",{onClick:h,className:"p-1.5 rounded-sm text-muted hover:text-main bg-surface border border-grid transition",title:"Vorheriger Monat",children:s.jsx(gp,{className:"w-4 h-4"})}),s.jsx("button",{onClick:g,className:"p-1.5 rounded-sm text-muted hover:text-main bg-surface border border-grid transition",title:"Nächster Monat",children:s.jsx(yp,{className:"w-4 h-4"})})]})]}),s.jsxs("div",{className:"hallmark-panel rounded-sm border border-grid overflow-hidden",children:[s.jsxs("div",{className:"grid grid-cols-7 bg-subtle border-b border-grid text-center text-xs font-mono text-muted font-bold py-3 uppercase",children:[s.jsx("div",{children:"MO"}),s.jsx("div",{children:"DI"}),s.jsx("div",{children:"MI"}),s.jsx("div",{children:"DO"}),s.jsx("div",{children:"FR"}),s.jsx("div",{children:"SA"}),s.jsx("div",{children:"SO"})]}),s.jsxs("div",{className:"grid grid-cols-7 auto-rows-fr divide-x divide-y divide-grid bg-surface text-xs font-mono",children:[Array.from({length:y}).map((m,w)=>s.jsx("div",{className:"min-h-[100px] sm:min-h-[110px] p-2 bg-subtle/50 text-muted opacity-30"},`offset-${w}`)),Array.from({length:v}).map((m,w)=>{const j=w+1,_=f(j),E=new Date().getFullYear()===a&&new Date().getMonth()===u&&new Date().getDate()===j;return s.jsxs("div",{className:`min-h-[100px] sm:min-h-[110px] p-2 flex flex-col justify-between transition ${E?"bg-surface-hover/80 font-bold":"hover:bg-surface-hover/50"}`,children:[s.jsxs("div",{className:"flex items-center justify-between mb-1",children:[s.jsx("span",{className:`w-5 h-5 rounded-sm flex items-center justify-center font-mono text-xs ${E?"bg-main text-paper font-bold shadow-sm":"text-muted"}`,children:j}),_.length>0&&s.jsxs("span",{className:"text-[9px] font-mono text-muted",children:[_.length," ",_.length===1?"Event":"Events"]})]}),s.jsx("div",{className:"space-y-1.5 overflow-y-auto max-h-[70px] no-scrollbar",children:_.map(C=>{const U=(i==null?void 0:i.id)===C.id;return s.jsx("button",{onClick:()=>o(C),style:{backgroundColor:U?c:`${c}15`,borderColor:`${c}40`,color:U?"#ffffff":c},className:`w-full text-left px-2 py-1 rounded-sm text-[10px] font-mono font-bold border truncate block hover:brightness-110 transition shadow-sm ${C.is_active===!1?"opacity-50 line-through":""}`,children:C.title},`evt-${C.id}`)})})]},`day-${j}`)})]})]}),i&&s.jsxs("div",{className:"hallmark-panel rounded-sm p-6 border border-grid flex flex-col sm:flex-row sm:items-center justify-between gap-4 font-mono animate-in fade-in duration-200",children:[s.jsxs("div",{className:"space-y-2",children:[s.jsxs("div",{className:"flex flex-wrap items-center gap-2 text-xs text-muted",children:[s.jsxs("span",{className:"flex items-center gap-1 bg-subtle px-2 py-0.5 rounded-sm border border-grid font-bold text-main",children:[s.jsx(kr,{className:"w-3 h-3 text-muted"}),new Date(i.start_date).toLocaleDateString("de-DE")," — ",new Date(i.end_date).toLocaleDateString("de-DE")]}),i.location&&s.jsxs("span",{className:"flex items-center gap-1 text-muted",children:[s.jsx(ko,{className:"w-3 h-3"}),i.location]})]}),s.jsx("h3",{className:"font-serif text-2xl font-bold uppercase text-main",children:i.title}),i.description&&s.jsx("p",{className:"text-xs font-sans text-muted max-w-xl",children:i.description})]}),s.jsx("div",{className:"flex items-center gap-2 shrink-0",children:s.jsxs("button",{onClick:()=>t(i.id),style:{backgroundColor:c},className:"px-5 py-2 rounded-sm text-xs font-mono font-bold text-white transition flex items-center gap-1.5 hover:brightness-110 shadow-sm",children:["SCHICHTPLAN ÖFFNEN ",s.jsx(gd,{className:"w-4 h-4"})]})})]})]})}function Vp({branding:e,onRefreshBranding:t,onRefreshEvents:n,skills:r,onRefreshSkills:l}){const[i,o]=k.useState("users"),[a,u]=k.useState(!0),[d,h]=k.useState(""),[g,x]=k.useState(""),[N,y]=k.useState([]),[v,O]=k.useState(""),[f,c]=k.useState([]),[m,w]=k.useState(!1),[j,_]=k.useState(!1),[E,C]=k.useState(!0),[U,A]=k.useState([]),[le,L]=k.useState(""),[M,F]=k.useState([]),[q,W]=k.useState([]),[he,P]=k.useState(""),[I,S]=k.useState(""),[R,H]=k.useState("#E05A47"),[J,Y]=k.useState((e==null?void 0:e.app_name)||"Veranstaltungsschichtplaner"),[K,de]=k.useState((e==null?void 0:e.logo_url)||""),[et,Pr]=k.useState((e==null?void 0:e.primary_color)||"#E05A47"),[zr,ql]=k.useState((e==null?void 0:e.custom_banner_text)||""),[Vt,Yl]=k.useState((e==null?void 0:e.show_community_info_box)??!0),[vt,Zl]=k.useState((e==null?void 0:e.community_info_title)||"📌 Verein & Infos"),[Lr,Jl]=k.useState((e==null?void 0:e.community_info_text)||`Initiative e.V. Hausverein +Offene Angebote, DIY-Kultur & engagierte Schichten.`),[Ut,Xl]=k.useState((e==null?void 0:e.show_support_box)??!0),[T,D]=k.useState((e==null?void 0:e.support_box_title)||"❤️ Unterstützen"),[ee,ot]=k.useState((e==null?void 0:e.support_box_text)||"Hilf mit als Helfer*in an der Bar, beim Essen kochen oder beim Auf- & Abbau."),[Z,No]=k.useState(!1),[Dn,jo]=k.useState(!1),[So,bo]=k.useState("smtp.beispiel.de"),[_o,Eo]=k.useState(587),[Co,To]=k.useState(""),[Po,zo]=k.useState(""),[Lo,es]=k.useState(!0),[Mo,ts]=k.useState(!1),[Ao,Do]=k.useState("noreply@schichtplaner.de"),[Ro,Sd]=k.useState(""),[ns,bd]=k.useState(!1),[Oo,Io]=k.useState(!1),[$o,Fo]=k.useState(!1);k.useEffect(()=>{Vo()},[]);const Vo=async()=>{u(!0);try{try{const p=await $("/users/manage-users/");y(p.results||p)}catch{}try{const p=await $("/users/pending/");c(p.results||p)}catch{}try{const p=await $("/users/restriction-setting/");w(p.is_restriction_enabled),_(p.require_admin_approval),C(p.require_email_verification??!0)}catch{}try{const p=await $("/users/domain-rules/");A(p.results||p)}catch{}try{const p=await $("/events/");F(p.results||p)}catch{}try{const p=await $("/templates/");W(p.results||p)}catch{}try{const p=await $("/users/smtp-setting/");p&&(jo(p.is_active??!1),bo(p.host||""),Eo(p.port||587),To(p.username||""),zo(p.password||""),es(p.use_tls??!0),ts(p.use_ssl??!1),Do(p.from_email||""))}catch{}}catch(p){h(p.message||"Laden der Admin-Daten fehlgeschlagen.")}finally{u(!1)}},Ae=p=>{x(p),setTimeout(()=>x(""),4e3)},_d=async p=>{try{const B=await $(`/users/manage-users/${p.id}/`,{method:"PATCH",body:JSON.stringify({is_admin_user:!p.is_admin_user})});y(N.map(wt=>wt.id===p.id?B:wt)),Ae(`Admin-Rechte für ${p.username} aktualisiert.`)}catch(B){h(B.message||"Fehler beim Aktualisieren.")}},Ed=async p=>{try{const B=await $(`/users/manage-users/${p.id}/`,{method:"PATCH",body:JSON.stringify({is_approved:!p.is_approved})});y(N.map(wt=>wt.id===p.id?B:wt)),Ae(`Freischalt-Status für ${p.username} aktualisiert.`)}catch(B){h(B.message||"Fehler beim Aktualisieren.")}},Cd=async p=>{try{await $(`/users/${p}/approve/`,{method:"POST"}),c(f.filter(B=>B.id!==p)),Vo(),Ae("Benutzer erfolgreich freigeschaltet.")}catch(B){h(B.message||"Freischalten fehlgeschlagen.")}},Td=async p=>{try{await $(`/users/${p}/approve/`,{method:"DELETE"}),c(f.filter(B=>B.id!==p)),Ae("Benutzer abgelehnt und gelöscht.")}catch(B){h(B.message||"Ablehnen fehlgeschlagen.")}},rs=async(p,B)=>{try{const ls=await $("/users/restriction-setting/",{method:"POST",body:JSON.stringify({is_restriction_enabled:p==="restriction"?B:m,require_admin_approval:p==="approval"?B:j,require_email_verification:p==="email_verify"?B:E})});w(ls.is_restriction_enabled),_(ls.require_admin_approval),C(ls.require_email_verification),Ae("Sicherheitseinstellungen aktualisiert.")}catch(wt){h(wt.message||"Aktualisierung fehlgeschlagen.")}},Pd=async p=>{if(p.preventDefault(),!!le.trim())try{const B=await $("/users/domain-rules/",{method:"POST",body:JSON.stringify({domain:le})});A([...U,B]),L(""),Ae(`Domain-Regel "${B.domain}" hinzugefügt.`)}catch(B){h(B.message||"Fehler beim Hinzufügen.")}},zd=async p=>{try{await $(`/users/domain-rules/${p}/`,{method:"DELETE"}),A(U.filter(B=>B.id!==p)),Ae("Domain-Regel entfernt.")}catch(B){h(B.message||"Fehler beim Löschen.")}},Ld=async p=>{if(p.preventDefault(),!!he.trim())try{await $("/skills/",{method:"POST",body:JSON.stringify({name:he,description:I,color:R})}),P(""),S(""),l(),Ae("Qualifikation angelegt.")}catch(B){h(B.message||"Fehler beim Anlegen.")}},Md=async p=>{try{await $(`/skills/${p}/`,{method:"DELETE"}),l(),Ae("Qualifikation gelöscht.")}catch(B){h(B.message||"Fehler beim Löschen.")}},Ad=async p=>{try{await $(`/templates/${p}/`,{method:"DELETE"}),W(q.filter(B=>B.id!==p)),Ae("Vorlage gelöscht.")}catch(B){h(B.message||"Fehler beim Löschen.")}},Dd=async p=>{p.preventDefault(),No(!0);try{await $("/branding/",{method:"POST",body:JSON.stringify({app_name:J,logo_url:K,primary_color:et,custom_banner_text:zr,show_community_info_box:Vt,community_info_title:vt,community_info_text:Lr,show_support_box:Ut,support_box_title:T,support_box_text:ee})}),t(),Ae("Branding-Einstellungen erfolgreich gespeichert!")}catch(B){h(B.message||"Speichern des Brandings fehlgeschlagen.")}finally{No(!1)}},Rd=async p=>{p.preventDefault(),Io(!0);try{await $("/users/smtp-setting/",{method:"POST",body:JSON.stringify({is_active:Dn,host:So,port:parseInt(_o)||587,username:Co,password:Po,use_tls:Lo,use_ssl:Mo,from_email:Ao})}),Ae("✅ SMTP-Einstellungen erfolgreich gespeichert!")}catch(B){h(B.message||"Speichern der SMTP-Einstellungen fehlgeschlagen.")}finally{Io(!1)}},Od=async()=>{Fo(!0);try{const p=await $("/users/smtp-setting/test/",{method:"POST",body:JSON.stringify({email:Ro})});Ae(`✅ ${p.message||"Test-E-Mail erfolgreich gesendet!"}`)}catch(p){h(p.message||"Test-E-Mail fehlgeschlagen.")}finally{Fo(!1)}},Uo=N.filter(p=>p.username.toLowerCase().includes(v.toLowerCase())||p.email.toLowerCase().includes(v.toLowerCase())||p.display_name&&p.display_name.toLowerCase().includes(v.toLowerCase()));return s.jsxs("div",{className:"space-y-6 max-w-5xl mx-auto animate-in fade-in duration-200 font-sans",children:[s.jsx("div",{className:"hallmark-panel rounded-sm p-6 sm:p-8 border border-grid space-y-2",children:s.jsxs("div",{className:"flex items-center gap-3",children:[s.jsx("div",{className:"w-10 h-10 rounded-sm bg-indigo-500/10 text-indigo-500 border border-indigo-500/20 flex items-center justify-center font-bold",children:s.jsx(wd,{className:"w-5 h-5"})}),s.jsxs("div",{children:[s.jsx("h2",{className:"font-serif text-3xl font-bold uppercase tracking-tight text-main",children:"System Administration"}),s.jsx("p",{className:"text-xs text-muted font-mono mt-0.5",children:"Verwaltung von Benutzern, Freischaltungen, Events, Vorlagen, Branding & SMTP-Mailserver"})]})]})}),s.jsx("div",{className:"border-b border-grid pb-2",children:s.jsxs("div",{className:"flex items-center gap-1.5 font-mono text-xs overflow-x-auto no-scrollbar",children:[s.jsxs("button",{onClick:()=>o("users"),className:`px-4 py-2 rounded-sm transition flex items-center gap-2 border ${i==="users"?"bg-surface-hover text-main font-bold border-grid shadow-sm":"bg-subtle text-muted border-transparent hover:text-main"}`,children:[s.jsx(Mp,{className:"w-3.5 h-3.5 text-blue-400"})," [ 01: BENUTZER & SICHERHEIT (",N.length,") ]"]}),s.jsxs("button",{onClick:()=>o("events"),className:`px-4 py-2 rounded-sm transition flex items-center gap-2 border ${i==="events"?"bg-surface-hover text-main font-bold border-grid shadow-sm":"bg-subtle text-muted border-transparent hover:text-main"}`,children:[s.jsx(Tr,{className:"w-3.5 h-3.5 text-emerald-400"})," [ 02: VERANSTALTUNGEN (",M.length,") ]"]}),s.jsxs("button",{onClick:()=>o("templates"),className:`px-4 py-2 rounded-sm transition flex items-center gap-2 border ${i==="templates"?"bg-surface-hover text-main font-bold border-grid shadow-sm":"bg-subtle text-muted border-transparent hover:text-main"}`,children:[s.jsx(Nr,{className:"w-3.5 h-3.5 text-amber-400"})," [ 03: VORLAGEN & SKILLS ]"]}),s.jsxs("button",{onClick:()=>o("branding"),className:`px-4 py-2 rounded-sm transition flex items-center gap-2 border ${i==="branding"?"bg-surface-hover text-main font-bold border-grid shadow-sm":"bg-subtle text-muted border-transparent hover:text-main"}`,children:[s.jsx(eu,{className:"w-3.5 h-3.5 text-indigo-400"})," [ 04: BRANDING & SYSTEM ]"]}),s.jsxs("button",{onClick:()=>o("smtp"),className:`px-4 py-2 rounded-sm transition flex items-center gap-2 border ${i==="smtp"?"bg-surface-hover text-main font-bold border-grid shadow-sm":"bg-subtle text-muted border-transparent hover:text-main"}`,children:[s.jsx(Si,{className:"w-3.5 h-3.5 text-purple-400"})," [ 05: E-MAIL & SMTP ]"]})]})}),d&&s.jsxs("div",{className:"p-4 rounded-sm bg-red-500/10 border border-red-500/20 text-red-500 text-xs font-mono flex items-center gap-2",children:[s.jsx(zn,{className:"w-4 h-4 shrink-0"}),s.jsx("span",{children:d})]}),g&&s.jsxs("div",{className:"p-4 rounded-sm bg-emerald-500/10 border border-emerald-500/20 text-emerald-400 text-xs font-mono flex items-center gap-2",children:[s.jsx(gt,{className:"w-4 h-4 shrink-0"}),s.jsx("span",{children:g})]}),i==="users"&&s.jsxs("div",{className:"space-y-6 animate-in fade-in duration-150 font-mono",children:[f.length>0&&s.jsxs("div",{className:"hallmark-panel rounded-sm p-5 border border-amber-500/40 bg-amber-500/5 space-y-3",children:[s.jsxs("h3",{className:"font-serif text-lg font-bold uppercase text-amber-500 flex items-center gap-2 border-b border-amber-500/20 pb-2",children:["⚠️ Ausstehende Registrierungen (",f.length,")"]}),s.jsx("div",{className:"space-y-2",children:f.map(p=>s.jsxs("div",{className:"p-3 rounded-sm bg-surface border border-grid flex items-center justify-between text-xs",children:[s.jsxs("div",{children:[s.jsxs("div",{className:"font-bold text-main",children:[p.display_name," (@",p.username,")"]}),s.jsx("div",{className:"text-[11px] text-muted",children:p.email})]}),s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("button",{onClick:()=>Cd(p.id),className:"px-3 py-1 rounded-sm bg-emerald-600 hover:bg-emerald-500 text-white font-bold text-xs",children:"[ FREISCHALTEN ]"}),s.jsx("button",{onClick:()=>Td(p.id),className:"px-3 py-1 rounded-sm bg-red-600/20 text-red-400 hover:bg-red-600/30 border border-red-600/30 font-bold text-xs",children:"[ ABLEHNEN ]"})]})]},p.id))})]}),s.jsxs("div",{className:"hallmark-panel rounded-sm p-4 border border-grid flex items-center gap-3",children:[s.jsx(vd,{className:"w-4 h-4 text-muted shrink-0"}),s.jsx("input",{type:"text",value:v,onChange:p=>O(p.target.value),placeholder:"Nutzer suchen nach Name, Username oder E-Mail...",className:"w-full bg-subtle border border-grid px-3 py-1.5 rounded-sm text-xs font-mono text-main focus:outline-none focus:border-muted"}),v&&s.jsx("button",{onClick:()=>O(""),className:"text-xs text-muted hover:text-main font-mono shrink-0",children:"[ CLEAR ]"})]}),s.jsxs("div",{className:"hallmark-panel rounded-sm p-5 border border-grid space-y-4",children:[s.jsxs("h3",{className:"font-serif text-lg font-bold uppercase text-main border-b border-grid pb-2",children:["Benutzerkonten & Rechtestatus (",Uo.length,")"]}),s.jsx("div",{className:"overflow-x-auto",children:s.jsxs("table",{className:"w-full text-left border-collapse text-xs",children:[s.jsx("thead",{children:s.jsxs("tr",{className:"border-b border-grid text-muted uppercase text-[10px]",children:[s.jsx("th",{className:"pb-2 font-bold",children:"Nutzer"}),s.jsx("th",{className:"pb-2 font-bold",children:"E-Mail"}),s.jsx("th",{className:"pb-2 font-bold",children:"Freigeschaltet"}),s.jsx("th",{className:"pb-2 font-bold",children:"E-Mail Bestätigt"}),s.jsx("th",{className:"pb-2 font-bold",children:"Admin-Rolle"}),s.jsx("th",{className:"pb-2 font-bold text-right",children:"Aktionen"})]})}),s.jsx("tbody",{className:"divide-y divide-grid",children:Uo.map(p=>s.jsxs("tr",{className:"hover:bg-subtle/50 transition",children:[s.jsxs("td",{className:"py-2.5 font-bold text-main",children:[p.display_name||p.username,s.jsxs("span",{className:"text-[10px] text-muted font-normal block",children:["@",p.username]})]}),s.jsx("td",{className:"py-2.5 text-muted",children:p.email}),s.jsx("td",{className:"py-2.5",children:s.jsx("span",{className:`px-2 py-0.5 rounded-sm text-[10px] font-bold border ${p.is_approved?"bg-emerald-500/10 text-emerald-400 border-emerald-500/20":"bg-amber-500/10 text-amber-400 border-amber-500/20"}`,children:p.is_approved?"JA":"NEIN"})}),s.jsx("td",{className:"py-2.5",children:s.jsx("span",{className:`px-2 py-0.5 rounded-sm text-[10px] font-bold border ${p.is_email_verified?"bg-emerald-500/10 text-emerald-400 border-emerald-500/20":"bg-subtle text-muted border-grid"}`,children:p.is_email_verified?"VERIFIZIERT":"AUSSTEHEND"})}),s.jsx("td",{className:"py-2.5",children:s.jsx("span",{className:`px-2 py-0.5 rounded-sm text-[10px] font-bold border ${p.is_admin_user||p.is_superuser?"bg-indigo-500/10 text-indigo-400 border-indigo-500/20":"bg-subtle text-muted border-grid"}`,children:p.is_superuser?"SUPERUSER":p.is_admin_user?"ADMIN":"USER"})}),s.jsxs("td",{className:"py-2.5 text-right space-x-1",children:[s.jsx("button",{onClick:()=>Ed(p),className:"px-2 py-1 rounded-sm text-[10px] bg-subtle hover:bg-surface-hover border border-grid text-main transition",children:p.is_approved?"Sperren":"Freischalten"}),s.jsx("button",{onClick:()=>_d(p),className:"px-2 py-1 rounded-sm text-[10px] bg-subtle hover:bg-surface-hover border border-grid text-indigo-400 transition",children:p.is_admin_user?"Admin entziehen":"Zu Admin machen"})]})]},p.id))})]})})]}),s.jsxs("div",{className:"hallmark-panel rounded-sm p-5 border border-grid space-y-4",children:[s.jsx("h3",{className:"font-serif text-lg font-bold uppercase text-main border-b border-grid pb-2",children:"Sicherheit & Registrierungs-Einschränkungen"}),s.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-4",children:[s.jsxs("div",{className:"p-4 rounded-sm bg-subtle border border-grid space-y-2",children:[s.jsxs("div",{className:"flex items-center justify-between",children:[s.jsx("span",{className:"font-bold text-main",children:"E-Mail Bestätigung (Opt-Out)"}),s.jsx("button",{onClick:()=>rs("email_verify",!E),className:`px-3 py-1 rounded-sm text-xs font-bold transition border ${E?"bg-emerald-600 text-white border-emerald-500":"bg-amber-500/10 text-amber-500 border-amber-500/20"}`,children:E?"[ PFLICHT ]":"[ DEAKTIVIERT ]"})]}),s.jsx("p",{className:"text-[11px] text-muted font-sans",children:"Bei Pflicht muss die E-Mail vor der Anmeldung verifiziert werden. Bei Deaktivierung ist die Anmeldung direkt möglich."})]}),s.jsxs("div",{className:"p-4 rounded-sm bg-subtle border border-grid space-y-2",children:[s.jsxs("div",{className:"flex items-center justify-between",children:[s.jsx("span",{className:"font-bold text-main",children:"Domain-Einschränkung"}),s.jsx("button",{onClick:()=>rs("restriction",!m),className:`px-3 py-1 rounded-sm text-xs font-bold transition border ${m?"bg-emerald-600 text-white border-emerald-500":"bg-surface text-muted border-grid"}`,children:m?"[ AKTIV ]":"[ INAKTIV ]"})]}),s.jsx("p",{className:"text-[11px] text-muted font-sans",children:"Erlaubt nur Registrierungen von festgelegten E-Mail-Domains (z. B. `@verein.de`)."})]}),s.jsxs("div",{className:"p-4 rounded-sm bg-subtle border border-grid space-y-2",children:[s.jsxs("div",{className:"flex items-center justify-between",children:[s.jsx("span",{className:"font-bold text-main",children:"Admin-Freischaltpflicht"}),s.jsx("button",{onClick:()=>rs("approval",!j),className:`px-3 py-1 rounded-sm text-xs font-bold transition border ${j?"bg-emerald-600 text-white border-emerald-500":"bg-surface text-muted border-grid"}`,children:j?"[ AKTIV ]":"[ INAKTIV ]"})]}),s.jsx("p",{className:"text-[11px] text-muted font-sans",children:"Erfordert die manuelle Freischaltung durch einen Admin vor der ersten Anmeldung."})]})]}),m&&s.jsxs("div",{className:"space-y-3 pt-3 border-t border-grid",children:[s.jsx("h4",{className:"font-serif text-sm font-bold uppercase text-main",children:"Erlaubte E-Mail-Domains"}),s.jsxs("form",{onSubmit:Pd,className:"flex gap-2",children:[s.jsx("input",{type:"text",placeholder:"z. B. verein.de oder @beispiel.org",value:le,onChange:p=>L(p.target.value),className:"flex-1 px-3 py-1.5 rounded-sm input-field text-xs font-mono"}),s.jsxs("button",{type:"submit",className:"px-4 py-1.5 rounded-sm bg-indigo-600 hover:bg-indigo-500 text-white font-bold text-xs",children:[s.jsx(it,{className:"w-3.5 h-3.5 inline"})," Domain Hinzufügen"]})]}),s.jsx("div",{className:"flex flex-wrap gap-2",children:U.map(p=>s.jsxs("span",{className:"px-2.5 py-1 rounded-sm bg-subtle border border-grid text-xs flex items-center gap-2",children:[s.jsx("strong",{className:"text-main",children:p.domain}),s.jsx("button",{onClick:()=>zd(p.id),className:"text-muted hover:text-red-400",children:s.jsx(Yt,{className:"w-3.5 h-3.5"})})]},p.id))})]})]})]}),i==="events"&&s.jsx("div",{className:"space-y-6 animate-in fade-in duration-150 font-mono",children:s.jsxs("div",{className:"hallmark-panel rounded-sm p-5 border border-grid space-y-4",children:[s.jsxs("h3",{className:"font-serif text-lg font-bold uppercase text-main border-b border-grid pb-2",children:["Alle Veranstaltungen (",M.length,")"]}),s.jsx("div",{className:"space-y-3",children:M.map(p=>s.jsxs("div",{className:"p-4 rounded-sm bg-subtle border border-grid flex items-center justify-between text-xs",children:[s.jsxs("div",{children:[s.jsx("h4",{className:"font-serif font-bold text-main text-sm",children:p.title}),s.jsxs("p",{className:"text-muted text-[11px]",children:[new Date(p.start_date).toLocaleDateString("de-DE")," — ",p.location||"Kein Ort"," | Erstellt von: ",p.created_by_name||"Admin"]})]}),s.jsx("div",{className:"flex items-center gap-2",children:s.jsx("span",{className:`px-2 py-0.5 rounded-sm text-[10px] font-bold border ${p.is_active!==!1?"bg-emerald-500/10 text-emerald-400 border-emerald-500/20":"bg-amber-500/10 text-amber-400 border-amber-500/20"}`,children:p.is_active!==!1?"AKTIV":"DEAKTIVIERT"})})]},p.id))})]})}),i==="templates"&&s.jsxs("div",{className:"space-y-6 animate-in fade-in duration-150 font-mono",children:[s.jsxs("div",{className:"hallmark-panel rounded-sm p-5 border border-grid space-y-4",children:[s.jsx("h3",{className:"font-serif text-lg font-bold uppercase text-main border-b border-grid pb-2",children:"Erforderliche Qualifikationen (Skills)"}),s.jsxs("form",{onSubmit:Ld,className:"grid grid-cols-1 sm:grid-cols-3 gap-3",children:[s.jsx("input",{type:"text",placeholder:"Skill Name (z. B. Bar-Erfahrung)",required:!0,value:he,onChange:p=>P(p.target.value),className:"px-3 py-1.5 rounded-sm input-field text-xs font-mono"}),s.jsx("input",{type:"text",placeholder:"Beschreibung (optional)",value:I,onChange:p=>S(p.target.value),className:"px-3 py-1.5 rounded-sm input-field text-xs font-mono"}),s.jsxs("div",{className:"flex gap-2",children:[s.jsx("input",{type:"color",value:R,onChange:p=>H(p.target.value),className:"w-8 h-8 rounded-sm border-0 cursor-pointer bg-subtle p-0.5"}),s.jsxs("button",{type:"submit",className:"flex-1 px-3 py-1.5 rounded-sm bg-emerald-600 hover:bg-emerald-500 text-white font-bold text-xs",children:[s.jsx(it,{className:"w-3.5 h-3.5 inline"})," Anlegen"]})]})]}),s.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 pt-2",children:r.map(p=>s.jsxs("div",{className:"p-3 rounded-sm bg-subtle border border-grid flex items-center justify-between text-xs",children:[s.jsxs("div",{children:[s.jsx("span",{style:{color:p.color},className:"font-bold",children:p.name}),p.description&&s.jsx("p",{className:"text-[11px] text-muted",children:p.description})]}),s.jsx("button",{onClick:()=>Md(p.id),className:"text-muted hover:text-red-400",children:s.jsx(Yt,{className:"w-3.5 h-3.5"})})]},p.id))})]}),s.jsxs("div",{className:"hallmark-panel rounded-sm p-5 border border-grid space-y-4",children:[s.jsxs("h3",{className:"font-serif text-lg font-bold uppercase text-main border-b border-grid pb-2",children:["Gespeicherte Event-Vorlagen (",q.length,")"]}),s.jsx("div",{className:"space-y-2",children:q.map(p=>s.jsxs("div",{className:"p-3 rounded-sm bg-subtle border border-grid flex items-center justify-between text-xs",children:[s.jsxs("div",{children:[s.jsx("div",{className:"font-bold text-main",children:p.name}),s.jsx("div",{className:"text-[11px] text-muted",children:p.description||"Keine Beschreibung"})]}),s.jsx("button",{onClick:()=>Ad(p.id),className:"text-muted hover:text-red-400",children:s.jsx(Yt,{className:"w-4 h-4"})})]},p.id))})]})]}),i==="branding"&&s.jsx("div",{className:"space-y-6 animate-in fade-in duration-150 font-mono",children:s.jsxs("form",{onSubmit:Dd,className:"hallmark-panel rounded-sm p-6 border border-grid space-y-6",children:[s.jsxs("h3",{className:"font-serif text-lg font-bold uppercase text-main border-b border-grid pb-2 flex items-center gap-2",children:[s.jsx(eu,{className:"w-5 h-5 text-indigo-400"})," Portal Branding & Erscheinungsbild"]}),s.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 text-xs",children:[s.jsxs("div",{children:[s.jsx("label",{className:"block text-muted mb-1",children:"Anwendungs-Name"}),s.jsx("input",{type:"text",required:!0,value:J,onChange:p=>Y(p.target.value),className:"w-full px-3 py-1.5 rounded-sm input-field font-bold"})]}),s.jsxs("div",{children:[s.jsx("label",{className:"block text-muted mb-1",children:"Primärfarbe (Brand Accent)"}),s.jsxs("div",{className:"flex gap-2",children:[s.jsx("input",{type:"color",value:et,onChange:p=>Pr(p.target.value),className:"w-9 h-9 rounded-sm border-0 cursor-pointer bg-subtle p-0.5"}),s.jsx("input",{type:"text",value:et,onChange:p=>Pr(p.target.value),className:"flex-1 px-3 py-1.5 rounded-sm input-field font-mono"})]})]}),s.jsxs("div",{className:"sm:col-span-2",children:[s.jsx("label",{className:"block text-muted mb-1",children:"Logo Bild-URL (optional)"}),s.jsx("input",{type:"text",placeholder:"https://beispiel.de/logo.png",value:K,onChange:p=>de(p.target.value),className:"w-full px-3 py-1.5 rounded-sm input-field"})]}),s.jsxs("div",{className:"sm:col-span-2",children:[s.jsx("label",{className:"block text-muted mb-1",children:"Ankündigung (Banner-Text)"}),s.jsx("textarea",{rows:2,placeholder:"z. B. Willkommen beim Sommerfest Schichtplaner!",value:zr,onChange:p=>ql(p.target.value),className:"w-full px-3 py-1.5 rounded-sm input-field"})]})]}),s.jsx("h4",{className:"font-serif text-base font-bold uppercase text-main pt-4 border-t border-grid",children:"Startseiten Sidebar Boxen"}),s.jsxs("div",{className:"p-4 rounded-sm bg-subtle border border-grid space-y-3",children:[s.jsxs("div",{className:"flex items-center justify-between border-b border-grid pb-2",children:[s.jsx("span",{className:"font-bold text-xs uppercase text-main",children:"📌 Verein & Infos Box"}),s.jsx("button",{type:"button",onClick:()=>Yl(!Vt),className:`px-3 py-1 rounded-sm text-xs font-bold transition border ${Vt?"bg-emerald-600 text-white border-emerald-500":"bg-surface text-muted border-grid"}`,children:Vt?"[ AN ]":"[ AUS ]"})]}),Vt&&s.jsxs("div",{className:"space-y-3 text-xs",children:[s.jsxs("div",{children:[s.jsx("label",{className:"block text-muted mb-1",children:"Titel"}),s.jsx("input",{type:"text",value:vt,onChange:p=>Zl(p.target.value),className:"w-full px-3 py-1.5 rounded-sm input-field"})]}),s.jsxs("div",{children:[s.jsx("label",{className:"block text-muted mb-1",children:"Inhalt"}),s.jsx("textarea",{rows:3,value:Lr,onChange:p=>Jl(p.target.value),className:"w-full px-3 py-1.5 rounded-sm input-field"})]})]})]}),s.jsxs("div",{className:"p-4 rounded-sm bg-subtle border border-grid space-y-3",children:[s.jsxs("div",{className:"flex items-center justify-between border-b border-grid pb-2",children:[s.jsx("span",{className:"font-bold text-xs uppercase text-main",children:"❤️ Unterstützen Box"}),s.jsx("button",{type:"button",onClick:()=>Xl(!Ut),className:`px-3 py-1 rounded-sm text-xs font-bold transition border ${Ut?"bg-emerald-600 text-white border-emerald-500":"bg-surface text-muted border-grid"}`,children:Ut?"[ AN ]":"[ AUS ]"})]}),Ut&&s.jsxs("div",{className:"space-y-3 text-xs",children:[s.jsxs("div",{children:[s.jsx("label",{className:"block text-muted mb-1",children:"Titel"}),s.jsx("input",{type:"text",value:T,onChange:p=>D(p.target.value),className:"w-full px-3 py-1.5 rounded-sm input-field"})]}),s.jsxs("div",{children:[s.jsx("label",{className:"block text-muted mb-1",children:"Inhalt"}),s.jsx("textarea",{rows:3,value:ee,onChange:p=>ot(p.target.value),className:"w-full px-3 py-1.5 rounded-sm input-field"})]})]})]}),s.jsx("div",{className:"pt-3 flex justify-end border-t border-grid",children:s.jsx("button",{type:"submit",disabled:Z,style:{backgroundColor:"var(--brand-primary)"},className:"px-6 py-2.5 rounded-sm text-xs font-mono font-bold text-white transition hover:brightness-110 shadow-sm",children:Z?"Speichern...":"Einstellungen speichern"})})]})}),i==="smtp"&&s.jsx("div",{className:"space-y-6 animate-in fade-in duration-150 font-mono",children:s.jsxs("form",{onSubmit:Rd,className:"hallmark-panel rounded-sm p-6 border border-grid space-y-6",children:[s.jsxs("div",{className:"flex items-center justify-between border-b border-grid pb-3",children:[s.jsxs("h3",{className:"font-serif text-lg font-bold uppercase text-main flex items-center gap-2",children:[s.jsx(Si,{className:"w-5 h-5 text-indigo-400"})," SMTP Server & E-Mail-Versand"]}),s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{className:"text-xs text-muted font-bold",children:"SMTP-Versand:"}),s.jsx("button",{type:"button",onClick:()=>jo(!Dn),className:`px-3 py-1 rounded-sm text-xs font-bold transition border ${Dn?"bg-emerald-600 text-white border-emerald-500 shadow-sm":"bg-subtle text-muted border-grid hover:text-main"}`,children:Dn?"[ AKTIV ]":"[ INAKTIV (Dev Mode) ]"})]})]}),!Dn&&s.jsxs("div",{className:"p-3.5 rounded-sm bg-amber-500/10 border border-amber-500/20 text-amber-500 text-xs flex items-center gap-2",children:[s.jsx(zn,{className:"w-4 h-4 shrink-0"}),s.jsx("span",{children:"Hinweis: Im inaktiven Modus werden Bestätigungs-Links in der Entwickler-Konsole / Logs ausgegeben."})]}),s.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 text-xs",children:[s.jsxs("div",{className:"sm:col-span-2",children:[s.jsx("label",{className:"block text-main mb-1 font-bold",children:"SMTP Host / Server Adresse"}),s.jsx("input",{type:"text",placeholder:"z. B. smtp.domain.de oder mail.gmx.net",value:So,onChange:p=>bo(p.target.value),className:"w-full px-3.5 py-2 rounded-sm input-field font-mono"})]}),s.jsxs("div",{children:[s.jsx("label",{className:"block text-main mb-1 font-bold",children:"SMTP Port"}),s.jsx("input",{type:"number",placeholder:"587 oder 465",value:_o,onChange:p=>Eo(p.target.value),className:"w-full px-3.5 py-2 rounded-sm input-field font-mono"})]}),s.jsxs("div",{children:[s.jsx("label",{className:"block text-main mb-1 font-bold",children:"Absender E-Mail-Adresse (From)"}),s.jsx("input",{type:"email",placeholder:"noreply@verein.de",value:Ao,onChange:p=>Do(p.target.value),className:"w-full px-3.5 py-2 rounded-sm input-field font-mono"})]}),s.jsxs("div",{children:[s.jsx("label",{className:"block text-main mb-1 font-bold",children:"SMTP Benutzername / Login E-Mail"}),s.jsx("input",{type:"text",placeholder:"z. B. noreply@verein.de",value:Co,onChange:p=>To(p.target.value),className:"w-full px-3.5 py-2 rounded-sm input-field font-mono"})]}),s.jsxs("div",{children:[s.jsx("label",{className:"block text-main mb-1 font-bold",children:"SMTP Passwort"}),s.jsxs("div",{className:"relative",children:[s.jsx("input",{type:ns?"text":"password",placeholder:"••••••••",value:Po,onChange:p=>zo(p.target.value),className:"w-full pl-3.5 pr-10 py-2 rounded-sm input-field font-mono"}),s.jsx("button",{type:"button",onClick:()=>bd(!ns),className:"absolute right-3 top-2.5 text-muted hover:text-main",children:ns?s.jsx(yd,{className:"w-4 h-4"}):s.jsx(wp,{className:"w-4 h-4"})})]})]}),s.jsxs("div",{className:"sm:col-span-2 flex items-center gap-6 pt-2",children:[s.jsxs("label",{className:"flex items-center gap-2 cursor-pointer text-main font-bold",children:[s.jsx("input",{type:"checkbox",checked:Lo,onChange:p=>{es(p.target.checked),p.target.checked&&ts(!1)},className:"rounded-sm"}),s.jsx("span",{children:"STARTTLS verwenden (Empfohlen für Port 587)"})]}),s.jsxs("label",{className:"flex items-center gap-2 cursor-pointer text-main font-bold",children:[s.jsx("input",{type:"checkbox",checked:Mo,onChange:p=>{ts(p.target.checked),p.target.checked&&es(!1)},className:"rounded-sm"}),s.jsx("span",{children:"SSL/TLS verwenden (Empfohlen für Port 465)"})]})]})]}),s.jsxs("div",{className:"pt-4 border-t border-grid flex flex-wrap items-center justify-between gap-3",children:[s.jsxs("div",{className:"flex items-center gap-2 flex-1 min-w-[260px]",children:[s.jsx("input",{type:"email",placeholder:"Empfänger für Test-E-Mail...",value:Ro,onChange:p=>Sd(p.target.value),className:"px-3 py-1.5 rounded-sm input-field text-xs flex-1 font-mono"}),s.jsxs("button",{type:"button",disabled:$o,onClick:Od,className:"px-3.5 py-1.5 rounded-sm text-xs font-mono font-bold bg-indigo-500/10 text-indigo-400 border border-indigo-500/20 hover:bg-indigo-500/20 transition flex items-center gap-1.5 shrink-0",children:[s.jsx(Ep,{className:"w-3.5 h-3.5"}),$o?"Sende...":"Test-Mail Senden"]})]}),s.jsxs("button",{type:"submit",disabled:Oo,style:{backgroundColor:"var(--brand-primary)"},className:"px-6 py-2.5 rounded-sm text-xs font-mono font-bold text-white transition hover:brightness-110 shadow-sm flex items-center gap-2",children:[s.jsx(gt,{className:"w-4 h-4"}),Oo?"Speichern...":"SMTP-Einstellungen Speichern"]})]})]})})]})}function Up({eventToEdit:e,skills:t,onBack:n,onSubmit:r}){const[l,i]=k.useState((e==null?void 0:e.title)||""),[o,a]=k.useState((e==null?void 0:e.description)||""),[u,d]=k.useState((e==null?void 0:e.location)||""),[h,g]=k.useState((e==null?void 0:e.start_date)||new Date().toISOString().split("T")[0]),[x,N]=k.useState((e==null?void 0:e.end_date)||new Date().toISOString().split("T")[0]),[y,v]=k.useState([]),[O,f]=k.useState(!1),[c,m]=k.useState("");k.useEffect(()=>{if(e&&e.task_areas&&e.task_areas.length>0){const L=e.task_areas.map(M=>({id:M.id,name:M.name,description:M.description||"",shifts:(M.shifts||[]).map(F=>({id:F.id,title:F.title,start_time:F.start_time,end_time:F.end_time,max_participants:F.max_participants||1,required_skill_ids:F.required_skills?F.required_skills.map(q=>q.id):[]}))}));v(L)}else e||v([{name:"Tresendienst",description:"Getränke- und Barverkauf",shifts:[{title:"Schicht 1",start_time:"18:00",end_time:"22:00",max_participants:2,required_skill_ids:[]}]},{name:"Essen kochen",description:"Zubereitung von Speisen",shifts:[{title:"Frühschicht",start_time:"15:00",end_time:"19:00",max_participants:3,required_skill_ids:[]}]},{name:"Aufbau & Aufräumen",description:"Tische, Stühle & Technik",shifts:[{title:"Aufbau",start_time:"12:00",end_time:"15:00",max_participants:4,required_skill_ids:[]}]}])},[e]);const w=()=>{v([...y,{name:"",description:"",shifts:[{title:"Schicht 1",start_time:"10:00",end_time:"14:00",max_participants:1,required_skill_ids:[]}]}])},j=L=>{v(y.filter((M,F)=>F!==L))},_=(L,M,F)=>{const q=[...y];q[L][M]=F,v(q)},E=L=>{const M=[...y];M[L].shifts.push({title:`Schicht ${M[L].shifts.length+1}`,start_time:"14:00",end_time:"18:00",max_participants:1,required_skill_ids:[]}),v(M)},C=(L,M)=>{const F=[...y];F[L].shifts=F[L].shifts.filter((q,W)=>W!==M),v(F)},U=(L,M,F,q)=>{const W=[...y];W[L].shifts[M][F]=q,v(W)},A=(L,M,F)=>{const q=[...y],W=q[L].shifts[M].required_skill_ids||[];W.includes(F)?q[L].shifts[M].required_skill_ids=W.filter(he=>he!==F):q[L].shifts[M].required_skill_ids=[...W,F],v(q)},le=async L=>{if(L.preventDefault(),m(""),!l.trim()){m("Bitte gib einen Veranstaltungstitel an.");return}f(!0);try{await r({id:e==null?void 0:e.id,title:l,description:o,location:u,start_date:h,end_date:x,task_areas:y})}catch(M){m(M.message||"Speichern der Veranstaltung fehlgeschlagen.")}finally{f(!1)}};return s.jsxs("div",{className:"space-y-6 max-w-4xl mx-auto animate-in fade-in duration-200 font-sans",children:[s.jsxs("div",{className:"flex items-center justify-between font-mono text-xs",children:[s.jsxs("button",{onClick:n,className:"px-3.5 py-1.5 rounded-sm bg-subtle hover:bg-surface-hover text-main border border-grid transition flex items-center gap-2 font-bold",children:[s.jsx(xd,{className:"w-4 h-4"})," [ ZURÜCK ZUR ÜBERSICHT ]"]}),s.jsxs("span",{className:"text-muted border border-grid px-2.5 py-0.5 rounded-sm",children:["MODE: ",e?"EVENT EDIT":"NEW EVENT"]})]}),s.jsx("div",{className:"hallmark-panel rounded-sm p-6 sm:p-8 border border-grid space-y-2",children:s.jsxs("div",{className:"flex items-center gap-3",children:[s.jsx("div",{className:"w-10 h-10 rounded-sm bg-blue-500/10 text-blue-500 border border-blue-500/20 flex items-center justify-center font-bold",children:e?s.jsx(jr,{className:"w-5 h-5"}):s.jsx(Tr,{className:"w-5 h-5"})}),s.jsxs("div",{children:[s.jsx("h2",{className:"font-serif text-3xl font-bold uppercase tracking-tight text-main",children:e?"Veranstaltung & Schichten Bearbeiten":"Neue Veranstaltung Erstellen"}),s.jsx("p",{className:"text-xs text-muted font-mono mt-0.5",children:"Konfiguriere Stammdaten, Aufgabenfelder, Schichtzeiten & Qualifikationen"})]})]})}),c&&s.jsxs("div",{className:"p-4 rounded-sm bg-red-500/10 border border-red-500/20 text-red-500 text-xs font-mono flex items-center gap-2",children:[s.jsx(zn,{className:"w-4 h-4 shrink-0"}),s.jsx("span",{children:c})]}),s.jsxs("form",{onSubmit:le,className:"space-y-6",children:[s.jsxs("div",{className:"hallmark-panel rounded-sm p-6 border border-grid space-y-4 font-mono text-xs",children:[s.jsx("h3",{className:"font-serif text-lg font-bold uppercase text-main border-b border-grid pb-2",children:"1. Stammdaten der Veranstaltung"}),s.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[s.jsxs("div",{className:"sm:col-span-2",children:[s.jsx("label",{className:"block text-main mb-1 font-bold",children:"Titel der Veranstaltung"}),s.jsx("input",{type:"text",required:!0,value:l,onChange:L=>i(L.target.value),placeholder:"z. B. Sommerfest 2026",className:"w-full px-3.5 py-2 rounded-sm input-field text-sm"})]}),s.jsxs("div",{children:[s.jsx("label",{className:"block text-main mb-1 font-bold",children:"Startdatum"}),s.jsx("input",{type:"date",required:!0,value:h,onChange:L=>g(L.target.value),className:"w-full px-3.5 py-2 rounded-sm input-field text-sm"})]}),s.jsxs("div",{children:[s.jsx("label",{className:"block text-main mb-1 font-bold",children:"Enddatum"}),s.jsx("input",{type:"date",required:!0,value:x,onChange:L=>N(L.target.value),className:"w-full px-3.5 py-2 rounded-sm input-field text-sm"})]}),s.jsxs("div",{className:"sm:col-span-2",children:[s.jsx("label",{className:"block text-main mb-1 font-bold",children:"Ort (optional)"}),s.jsx("input",{type:"text",value:u,onChange:L=>d(L.target.value),placeholder:"z. B. Vereinsheim, Großer Saal",className:"w-full px-3.5 py-2 rounded-sm input-field text-xs"})]}),s.jsxs("div",{className:"sm:col-span-2",children:[s.jsx("label",{className:"block text-main mb-1 font-bold",children:"Beschreibung (optional)"}),s.jsx("textarea",{rows:2,value:o,onChange:L=>a(L.target.value),placeholder:"Details zur Veranstaltung...",className:"w-full px-3.5 py-2 rounded-sm input-field text-xs font-sans"})]})]})]}),s.jsxs("div",{className:"hallmark-panel rounded-sm p-6 border border-grid space-y-4 font-mono text-xs",children:[s.jsxs("div",{className:"flex items-center justify-between border-b border-grid pb-2",children:[s.jsxs("h3",{className:"font-serif text-lg font-bold uppercase text-main flex items-center gap-2",children:[s.jsx(Nr,{className:"w-4 h-4 text-blue-500"})," 2. Aufgabenfelder & Schichten"]}),s.jsxs("button",{type:"button",onClick:w,className:"px-3.5 py-1.5 rounded-sm text-xs font-mono font-bold bg-blue-500/10 text-blue-500 border border-blue-500/20 hover:bg-blue-500/20 transition flex items-center gap-1",children:[s.jsx(it,{className:"w-3.5 h-3.5"})," BEREICH HINZUFÜGEN"]})]}),y.map((L,M)=>s.jsxs("div",{className:"p-4 rounded-sm bg-subtle border border-grid space-y-3",children:[s.jsxs("div",{className:"flex items-center justify-between gap-3",children:[s.jsx("input",{type:"text",required:!0,placeholder:"Name des Aufgabenfeldes (z. B. Tresendienst)",value:L.name,onChange:F=>_(M,"name",F.target.value),className:"flex-1 px-3 py-1.5 rounded-sm input-field text-xs font-bold"}),s.jsx("button",{type:"button",onClick:()=>j(M),className:"p-1.5 text-muted hover:text-red-400 transition",title:"Bereich entfernen",children:s.jsx(Yt,{className:"w-4 h-4"})})]}),s.jsxs("div",{className:"pl-3 border-l-2 border-grid space-y-3",children:[s.jsxs("div",{className:"flex items-center justify-between text-xs text-muted font-bold",children:[s.jsx("span",{children:"Schichten & Zeitfenster"}),s.jsxs("button",{type:"button",onClick:()=>E(M),className:"text-blue-500 hover:underline flex items-center gap-1",children:[s.jsx(it,{className:"w-3 h-3"})," Schicht hinzufügen"]})]}),L.shifts.map((F,q)=>s.jsxs("div",{className:"p-3 rounded-sm bg-surface border border-grid space-y-2",children:[s.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-12 gap-2 items-center text-xs",children:[s.jsx("input",{type:"text",placeholder:"Titel",value:F.title,onChange:W=>U(M,q,"title",W.target.value),className:"sm:col-span-4 px-2.5 py-1 rounded-sm input-field text-xs"}),s.jsx("input",{type:"text",placeholder:"Start (14:00)",value:F.start_time,onChange:W=>U(M,q,"start_time",W.target.value),className:"sm:col-span-2 px-2.5 py-1 rounded-sm input-field text-xs"}),s.jsx("input",{type:"text",placeholder:"Ende (18:00)",value:F.end_time,onChange:W=>U(M,q,"end_time",W.target.value),className:"sm:col-span-2 px-2.5 py-1 rounded-sm input-field text-xs"}),s.jsxs("div",{className:"sm:col-span-3 flex items-center gap-1",children:[s.jsx("span",{className:"text-[11px] text-muted",children:"Plätze:"}),s.jsx("input",{type:"number",min:"1",value:F.max_participants,onChange:W=>U(M,q,"max_participants",parseInt(W.target.value)||1),className:"w-full px-2 py-1 rounded-sm input-field text-xs font-bold"})]}),s.jsx("button",{type:"button",onClick:()=>C(M,q),className:"sm:col-span-1 p-1 text-muted hover:text-red-400 text-center",title:"Schicht löschen",children:s.jsx(Yt,{className:"w-3.5 h-3.5 mx-auto"})})]}),t&&t.length>0&&s.jsxs("div",{className:"pt-1.5 border-t border-grid text-[11px]",children:[s.jsx("span",{className:"text-muted block mb-1",children:"Erforderliche Qualifikationen:"}),s.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.map(W=>{const he=(F.required_skill_ids||[]).includes(W.id);return s.jsxs("button",{type:"button",onClick:()=>A(M,q,W.id),style:{backgroundColor:he?W.color:`${W.color}15`,borderColor:W.color,color:he?"#ffffff":W.color},className:"px-2 py-0.5 rounded-sm border text-[10px] font-bold transition",children:[W.name," ",he?"✓":""]},W.id)})})]})]},q))]})]},M))]}),s.jsxs("div",{className:"hallmark-panel rounded-sm p-4 border border-grid flex flex-wrap items-center justify-between gap-3 font-mono text-xs",children:[s.jsx("button",{type:"button",onClick:n,className:"px-4 py-2 rounded-sm text-xs font-semibold text-muted hover:bg-surface-hover transition border border-grid",children:"Abbrechen"}),s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsxs("button",{type:"button",disabled:O,onClick:async()=>{if(!l.trim()){m("Bitte gib einen Titel an.");return}f(!0);try{await $("/templates/",{method:"POST",body:JSON.stringify({name:l,description:o||`Vorlage mit ${y.length} Aufgabenbereichen`,template_data:{task_areas:y.map(L=>({name:L.name,description:L.description,shifts:(L.shifts||[]).map(M=>({title:M.title,start_time:M.start_time,end_time:M.end_time,max_participants:M.max_participants,required_skill_ids:M.required_skill_ids}))}))}})}),alert(`✅ Vorlage "${l}" inklusive aller voreingestellten Schichten erfolgreich gespeichert!`)}catch(L){m(L.message||"Speichern der Vorlage fehlgeschlagen.")}finally{f(!1)}},className:"px-4 py-2.5 rounded-sm text-xs font-mono font-bold bg-indigo-500/10 text-indigo-400 border border-indigo-500/20 hover:bg-indigo-500/20 transition flex items-center gap-1.5",title:"Diese Konfiguration mit allen Schichten als Vorlage abspeichern",children:[s.jsx(Nr,{className:"w-4 h-4"})," ALS VORLAGE SPEICHERN"]}),s.jsxs("button",{type:"submit",disabled:O,style:{backgroundColor:"var(--brand-primary)"},className:"px-6 py-2.5 rounded-sm text-xs font-mono font-bold text-white transition shadow-sm hover:brightness-110 flex items-center gap-2",children:[s.jsx(gt,{className:"w-4 h-4"}),O?"Speichern...":e?"Änderungen Speichern":"Veranstaltung Jetzt Erstellen"]})]})]})]})]})}function Bp({onBack:e,onInstantiateTemplate:t,user:n,skills:r}){const[l,i]=k.useState([]),[o,a]=k.useState(!0),[u,d]=k.useState(""),[h,g]=k.useState(null),[x,N]=k.useState(""),[y,v]=k.useState(new Date().toISOString().split("T")[0]),[O,f]=k.useState(new Date().toISOString().split("T")[0]),[c,m]=k.useState(""),[w,j]=k.useState(!1),[_,E]=k.useState(!1),[C,U]=k.useState(""),[A,le]=k.useState(""),[L,M]=k.useState([{name:"Tresendienst",description:"Getränkeausschank und Bar",shifts:[{title:"Frühschicht",start_time:"18:00",end_time:"22:00",max_participants:2,required_skill_ids:[]},{title:"Spätschicht",start_time:"22:00",end_time:"02:00",max_participants:3,required_skill_ids:[]}]}]);k.useEffect(()=>{F()},[]);const F=async()=>{a(!0);try{const S=await $("/templates/");i(S.results||S)}catch(S){d(S.message||"Laden der Vorlagen fehlgeschlagen.")}finally{a(!1)}},q=S=>{g(S),N(S.name)},W=async S=>{if(S.preventDefault(),!!h){j(!0);try{await t(h.id,{title:x,start_date:y,end_date:O,location:c})}catch(R){d(R.message||"Erstellen der Veranstaltung aus Vorlage fehlgeschlagen.")}finally{j(!1)}}},he=async S=>{if(S.preventDefault(),!C.trim()){d("Bitte gib einen Vorlagen-Namen an.");return}j(!0);try{const R={name:C,description:A,template_data:{task_areas:L.map(H=>({name:H.name,description:H.description,shifts:(H.shifts||[]).map(J=>({title:J.title,start_time:J.start_time,end_time:J.end_time,max_participants:J.max_participants,required_skill_ids:J.required_skill_ids}))}))}};await $("/templates/",{method:"POST",body:JSON.stringify(R)}),E(!1),U(""),le(""),F()}catch(R){d(R.message||"Erstellen der Vorlage fehlgeschlagen.")}finally{j(!1)}},P=()=>{M([...L,{name:"Neuer Bereich",description:"",shifts:[{title:"Schicht 1",start_time:"14:00",end_time:"18:00",max_participants:2,required_skill_ids:[]}]}])},I=S=>{const R=[...L];R[S].shifts.push({title:`Schicht ${R[S].shifts.length+1}`,start_time:"18:00",end_time:"22:00",max_participants:2,required_skill_ids:[]}),M(R)};return s.jsxs("div",{className:"space-y-6 max-w-4xl mx-auto animate-in fade-in duration-200 font-sans",children:[s.jsxs("div",{className:"flex items-center justify-between font-mono text-xs",children:[s.jsxs("button",{onClick:e,className:"px-3.5 py-1.5 rounded-sm bg-subtle hover:bg-surface-hover text-main border border-grid transition flex items-center gap-2 font-bold",children:[s.jsx(xd,{className:"w-4 h-4"})," [ ZURÜCK ZUR ÜBERSICHT ]"]}),s.jsxs("span",{className:"text-muted border border-grid px-2.5 py-0.5 rounded-sm uppercase",children:["SYSTEM VORLAGEN (",l.length,")"]})]}),s.jsx("div",{className:"hallmark-panel rounded-sm p-6 sm:p-8 border border-grid space-y-4",children:s.jsxs("div",{className:"flex items-center justify-between gap-3",children:[s.jsxs("div",{className:"flex items-center gap-3",children:[s.jsx("div",{className:"w-10 h-10 rounded-sm bg-indigo-500/10 text-indigo-400 border border-indigo-500/20 flex items-center justify-center font-bold",children:s.jsx(Nr,{className:"w-5 h-5"})}),s.jsxs("div",{children:[s.jsx("h2",{className:"font-serif text-3xl font-bold uppercase tracking-tight text-main",children:"Veranstaltungs-Vorlagen Zentrale"}),s.jsx("p",{className:"text-xs text-muted font-mono mt-0.5",children:"Erstelle neue Veranstaltungen mit voreingestellten Schichten und Aufgabenbereichen"})]})]}),n&&s.jsxs("button",{onClick:()=>E(!_),className:"px-3.5 py-2 rounded-sm text-xs font-mono font-bold bg-indigo-500/10 text-indigo-400 border border-indigo-500/20 hover:bg-indigo-500/20 transition flex items-center gap-1.5 shrink-0",children:[s.jsx(it,{className:"w-4 h-4"}),_?"Schließen":"Neue Vorlage Erstellen"]})]})}),u&&s.jsxs("div",{className:"p-4 rounded-sm bg-red-500/10 border border-red-500/20 text-red-500 text-xs font-mono flex items-center gap-2",children:[s.jsx(zn,{className:"w-4 h-4 shrink-0"}),s.jsx("span",{children:u})]}),_&&s.jsxs("form",{onSubmit:he,className:"hallmark-panel rounded-sm p-6 border border-grid space-y-4 font-mono text-xs animate-in fade-in duration-200",children:[s.jsxs("h3",{className:"font-serif text-lg font-bold uppercase text-indigo-400 border-b border-grid pb-2 flex items-center justify-between",children:[s.jsx("span",{children:"Neue Vorlage mit voreingestellten Schichten anlegen"}),s.jsxs("button",{type:"button",onClick:P,className:"text-xs font-mono font-bold bg-indigo-500/20 text-indigo-300 px-3 py-1 rounded-sm border border-indigo-500/30 flex items-center gap-1",children:[s.jsx(it,{className:"w-3.5 h-3.5"})," Bereich Hinzufügen"]})]}),s.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[s.jsxs("div",{className:"sm:col-span-2",children:[s.jsx("label",{className:"block text-main mb-1 font-bold",children:"Vorlagen Name"}),s.jsx("input",{type:"text",required:!0,placeholder:"z. B. Standard Kneipenabend / Bar-Event",value:C,onChange:S=>U(S.target.value),className:"w-full px-3.5 py-2 rounded-sm input-field text-sm font-bold"})]}),s.jsxs("div",{className:"sm:col-span-2",children:[s.jsx("label",{className:"block text-main mb-1 font-bold",children:"Beschreibung (optional)"}),s.jsx("input",{type:"text",placeholder:"z. B. Inklusive 2 Barschichten und Aufbau",value:A,onChange:S=>le(S.target.value),className:"w-full px-3.5 py-2 rounded-sm input-field text-xs"})]})]}),s.jsx("div",{className:"space-y-4 pt-2",children:L.map((S,R)=>s.jsxs("div",{className:"p-4 rounded-sm bg-subtle border border-grid space-y-3",children:[s.jsxs("div",{className:"flex items-center justify-between gap-2",children:[s.jsx("input",{type:"text",required:!0,placeholder:"Bereichs-Name (z. B. Bar)",value:S.name,onChange:H=>{const J=[...L];J[R].name=H.target.value,M(J)},className:"flex-1 px-3 py-1 rounded-sm input-field text-xs font-bold"}),s.jsx("button",{type:"button",onClick:()=>{M(L.filter((H,J)=>J!==R))},className:"text-muted hover:text-red-400 p-1",children:s.jsx(Yt,{className:"w-4 h-4"})})]}),s.jsxs("div",{className:"pl-3 border-l-2 border-grid space-y-2",children:[s.jsxs("div",{className:"flex items-center justify-between text-muted text-[11px] font-bold",children:[s.jsx("span",{children:"Voreingestellte Schichten"}),s.jsxs("button",{type:"button",onClick:()=>I(R),className:"text-indigo-400 hover:underline flex items-center gap-1",children:[s.jsx(it,{className:"w-3 h-3"})," Schicht hinzufügen"]})]}),S.shifts.map((H,J)=>s.jsxs("div",{className:"p-2.5 rounded-sm bg-surface border border-grid grid grid-cols-1 sm:grid-cols-12 gap-2 items-center text-xs",children:[s.jsx("input",{type:"text",placeholder:"Schichtname",value:H.title,onChange:Y=>{const K=[...L];K[R].shifts[J].title=Y.target.value,M(K)},className:"sm:col-span-4 px-2 py-1 rounded-sm input-field text-xs"}),s.jsx("input",{type:"text",placeholder:"Start (18:00)",value:H.start_time,onChange:Y=>{const K=[...L];K[R].shifts[J].start_time=Y.target.value,M(K)},className:"sm:col-span-2 px-2 py-1 rounded-sm input-field text-xs"}),s.jsx("input",{type:"text",placeholder:"Ende (22:00)",value:H.end_time,onChange:Y=>{const K=[...L];K[R].shifts[J].end_time=Y.target.value,M(K)},className:"sm:col-span-2 px-2 py-1 rounded-sm input-field text-xs"}),s.jsxs("div",{className:"sm:col-span-3 flex items-center gap-1",children:[s.jsx("span",{className:"text-[10px] text-muted",children:"Plätze:"}),s.jsx("input",{type:"number",min:"1",value:H.max_participants,onChange:Y=>{const K=[...L];K[R].shifts[J].max_participants=parseInt(Y.target.value)||1,M(K)},className:"w-full px-2 py-1 rounded-sm input-field text-xs font-bold"})]}),s.jsx("button",{type:"button",onClick:()=>{const Y=[...L];Y[R].shifts=Y[R].shifts.filter((K,de)=>de!==J),M(Y)},className:"sm:col-span-1 p-1 text-muted hover:text-red-400 text-center",children:s.jsx(Yt,{className:"w-3.5 h-3.5 mx-auto"})})]},J))]})]},R))}),s.jsxs("div",{className:"pt-3 flex justify-end gap-2 border-t border-grid",children:[s.jsx("button",{type:"button",onClick:()=>E(!1),className:"px-4 py-2 rounded-sm text-xs font-semibold text-muted hover:bg-surface-hover transition border border-grid",children:"Abbrechen"}),s.jsxs("button",{type:"submit",disabled:w,style:{backgroundColor:"var(--brand-primary)"},className:"px-5 py-2 rounded-sm text-xs font-mono font-bold text-white transition hover:brightness-110 shadow-sm flex items-center gap-1.5",children:[s.jsx(gt,{className:"w-4 h-4"})," Vorlage Speichern"]})]})]}),s.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[s.jsx("h3",{className:"font-serif text-lg font-bold uppercase text-main",children:"Verfügbare Vorlagen"}),o?s.jsx("div",{className:"hallmark-panel p-8 text-center text-muted",children:"Lade Vorlagen..."}):l.length===0?s.jsx("div",{className:"hallmark-panel p-8 text-center text-muted italic",children:'[ Noch keine Vorlagen gespeichert. Klicke oben auf "Neue Vorlage Erstellen" um Vorlagen mit voreingestellten Schichten anzulegen. ]'}):s.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:l.map(S=>{var R;return s.jsxs("div",{onClick:()=>q(S),className:`hallmark-panel p-5 rounded-sm border cursor-pointer transition space-y-3 ${(h==null?void 0:h.id)===S.id?"bg-indigo-500/10 border-indigo-500 shadow-md":"bg-surface border-grid hover:border-muted"}`,children:[s.jsxs("div",{className:"flex items-center justify-between",children:[s.jsx("h4",{className:"font-serif text-base font-bold text-main uppercase",children:S.name}),(h==null?void 0:h.id)===S.id&&s.jsx("span",{className:"text-[10px] font-mono text-indigo-400 bg-indigo-500/20 px-2 py-0.5 rounded-sm border border-indigo-500/30 font-bold",children:"[ AUSGEWÄHLT ]"})]}),S.description&&s.jsx("p",{className:"text-xs font-sans text-muted",children:S.description}),((R=S.template_data)==null?void 0:R.task_areas)&&S.template_data.task_areas.length>0&&s.jsxs("div",{className:"space-y-2 pt-2 border-t border-grid text-[11px]",children:[s.jsx("div",{className:"font-bold text-muted uppercase text-[10px]",children:"📌 Voreingestellte Schichten:"}),S.template_data.task_areas.map((H,J)=>{var Y;return s.jsxs("div",{className:"bg-subtle p-2 rounded-sm border border-grid space-y-1",children:[s.jsxs("div",{className:"font-bold text-main flex items-center justify-between",children:[s.jsx("span",{children:H.name}),s.jsxs("span",{className:"text-[10px] text-muted font-normal",children:[((Y=H.shifts)==null?void 0:Y.length)||0," Schichten"]})]}),s.jsx("div",{className:"flex flex-wrap gap-1",children:(H.shifts||[]).map((K,de)=>s.jsxs("span",{className:"px-2 py-0.5 rounded-sm bg-surface border border-grid text-[10px] flex items-center gap-1 font-mono",children:[s.jsx(kr,{className:"w-3 h-3 text-muted shrink-0"}),s.jsx("strong",{className:"text-main",children:K.title}),s.jsxs("span",{className:"text-muted",children:["(",K.start_time,"-",K.end_time,", ",K.max_participants," Plätze)"]})]},de))})]},J)})]}),s.jsxs("div",{className:"text-[10px] text-muted pt-2 border-t border-grid flex items-center justify-between",children:[s.jsxs("span",{children:["Erstellt von: ",s.jsx("strong",{children:S.created_by_name||"Admin"})]}),s.jsx("span",{className:"text-indigo-400 font-bold",children:"Klick zum Auswählen"})]})]},S.id)})})]}),h&&s.jsxs("form",{onSubmit:W,className:"hallmark-panel rounded-sm p-6 border border-grid space-y-4 font-mono text-xs animate-in fade-in duration-200",children:[s.jsxs("h3",{className:"font-serif text-lg font-bold uppercase text-indigo-400 border-b border-grid pb-2",children:['Neue Veranstaltung aus Vorlage "',h.name,'" Erstellen']}),s.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[s.jsxs("div",{className:"sm:col-span-2",children:[s.jsx("label",{className:"block text-main mb-1 font-bold",children:"Titel der Veranstaltung"}),s.jsx("input",{type:"text",required:!0,value:x,onChange:S=>N(S.target.value),className:"w-full px-3.5 py-2 rounded-sm input-field text-sm font-bold"})]}),s.jsxs("div",{children:[s.jsx("label",{className:"block text-main mb-1 font-bold",children:"Startdatum"}),s.jsx("input",{type:"date",required:!0,value:y,onChange:S=>v(S.target.value),className:"w-full px-3.5 py-2 rounded-sm input-field text-xs"})]}),s.jsxs("div",{children:[s.jsx("label",{className:"block text-main mb-1 font-bold",children:"Enddatum"}),s.jsx("input",{type:"date",required:!0,value:O,onChange:S=>f(S.target.value),className:"w-full px-3.5 py-2 rounded-sm input-field text-xs"})]}),s.jsxs("div",{className:"sm:col-span-2",children:[s.jsx("label",{className:"block text-main mb-1 font-bold",children:"Ort (optional)"}),s.jsx("input",{type:"text",value:c,onChange:S=>m(S.target.value),placeholder:"z. B. Großer Saal",className:"w-full px-3.5 py-2 rounded-sm input-field text-xs"})]})]}),s.jsx("div",{className:"pt-3 flex justify-end border-t border-grid",children:s.jsxs("button",{type:"submit",disabled:w,style:{backgroundColor:"var(--brand-primary)"},className:"px-6 py-2.5 rounded-sm text-xs font-mono font-bold text-white transition hover:brightness-110 shadow-sm flex items-center gap-2",children:[s.jsx(bp,{className:"w-4 h-4 fill-white"}),w?"Erstellen...":"Veranstaltung Jetzt Aus Vorlage Erstellen"]})})]})]})}function Hp(){const[e,t]=k.useState(null),[n,r]=k.useState(null),[l,i]=k.useState([]),[o,a]=k.useState([]),[u,d]=k.useState(null),[h,g]=k.useState(null),[x,N]=k.useState(!0),[y,v]=k.useState("home"),[O,f]=k.useState(!1),[c,m]=k.useState(!1),[w,j]=k.useState(null),[_,E]=k.useState(!1),[C,U]=k.useState(!1),[A,le]=k.useState(localStorage.getItem("theme_mode")||"auto"),[L,M]=k.useState(null),[F,q]=k.useState(null);k.useEffect(()=>{window.addEventListener("beforeinstallprompt",T=>{T.preventDefault(),q(T)}),R()},[]),k.useEffect(()=>{localStorage.setItem("theme_mode",A);const T=()=>{let D=A;A==="auto"&&(D=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),document.documentElement.setAttribute("data-theme",D)};if(T(),A==="auto"){const D=window.matchMedia("(prefers-color-scheme: dark)"),ee=()=>T();return D.addEventListener("change",ee),()=>D.removeEventListener("change",ee)}},[A]),k.useEffect(()=>{n!=null&&n.primary_color&&(document.documentElement.style.setProperty("--brand-primary",n.primary_color),document.documentElement.style.setProperty("--brand-secondary",n.secondary_color||n.primary_color))},[n]);const[W,he]=k.useState(null),[P,I]=k.useState(null),S=T=>{M(T),setTimeout(()=>M(null),5e3)},R=async()=>{N(!0);try{try{const Z=await $("/branding/");r(Z)}catch{}if(bi())try{const Z=await $("/users/me/");t(Z),!Z.is_admin_user&&!Z.is_staff&&!Z.is_superuser&&y==="admin"&&v("home")}catch{rr(null),t(null),v("home")}const T=new URLSearchParams(window.location.search),D=T.get("verify_email");if(D)try{const Z=await $("/users/verify-email/",{method:"POST",body:JSON.stringify({token:D})});rr(Z.token),t(Z.user),S(Z.message||"✅ E-Mail-Adresse erfolgreich bestätigt!"),window.history.replaceState({},document.title,window.location.pathname)}catch(Z){S(`⚠️ E-Mail Bestätigung: ${Z.message}`)}const ee=T.get("claim_token"),ot=T.get("guest_name");ee&&ot&&(he(ee),I(ot),bi()||f(!0)),await J(),await Y()}catch(T){console.error(T)}finally{N(!1)}},H=async T=>{try{const D=await $(`/users/signups/${T.id}/generate-claim-link/`,{method:"POST"}),ee=`${window.location.origin}/?claim_token=${D.token}&guest_name=${encodeURIComponent(D.guest_name)}`;navigator.clipboard?(await navigator.clipboard.writeText(ee),S(`✅ Einladungs-Link für ${D.guest_name} in Zwischenablage kopiert!`)):prompt(`Einladungs-Link für ${D.guest_name} kopieren:`,ee)}catch(D){alert(D.message||"Fehler beim Erstellen des Links.")}},J=async()=>{try{const T=await $("/skills/");i(T.results||T)}catch{}},Y=async()=>{try{const T=await $("/events/"),D=T.results||T;a(D),D.length>0&&!u?(d(D[0].id),K(D[0].id)):u&&K(u)}catch{}},K=async T=>{try{const D=await $(`/events/${T}/matrix/`);g(D)}catch{}},de=T=>{d(T),K(T),v("schedule")},et=()=>{rr(null),t(null),v("home"),S("Erfolgreich abgemeldet."),u&&K(u)},Pr=(T,D)=>{t(T),T&&!T.is_admin_user&&!T.is_staff&&!T.is_superuser&&y==="admin"&&v("home"),S(D||"Erfolgreich angemeldet!"),u&&K(u)},zr=async T=>{if(!e)j(T),m(!0);else try{const D=await $(`/shifts/${T.id}/signup/`,{method:"POST"});S(D.message||"Erfolgreich für Schicht eingetragen!"),u&&K(u)}catch(D){S(`Fehler: ${D.message}`)}},ql=async T=>{if(!w)return;const D=await $(`/shifts/${w.id}/signup/`,{method:"POST",body:JSON.stringify(T)});S(D.message||"Als Gast eingetragen!"),u&&K(u)},Vt=async T=>{try{const D=await $(`/shifts/${T.id}/signup/`,{method:"DELETE"});S(D.message||"Eintragung storniert."),u&&K(u)}catch(D){S(`Fehler: ${D.message}`)}},[Yl,vt]=k.useState(null),Zl=async T=>{let D=T.id;D?await $(`/events/${D}/`,{method:"PATCH",body:JSON.stringify({title:T.title,description:T.description,location:T.location,start_date:T.start_date,end_date:T.end_date})}):D=(await $("/events/",{method:"POST",body:JSON.stringify({title:T.title,description:T.description,location:T.location,start_date:T.start_date,end_date:T.end_date})})).id;for(let ee of T.task_areas){if(!ee.name)continue;let ot=ee.id;ot?await $(`/task-areas/${ot}/`,{method:"PATCH",body:JSON.stringify({name:ee.name,description:ee.description||""})}):ot=(await $("/task-areas/",{method:"POST",body:JSON.stringify({event:D,name:ee.name,description:ee.description||""})})).id;for(let Z of ee.shifts)Z.id?await $(`/shifts/${Z.id}/`,{method:"PATCH",body:JSON.stringify({title:Z.title,start_time:Z.start_time,end_time:Z.end_time,max_participants:Z.max_participants,required_skill_ids:Z.required_skill_ids||[]})}):await $("/shifts/",{method:"POST",body:JSON.stringify({task_area:ot,title:Z.title,start_time:Z.start_time,end_time:Z.end_time,max_participants:Z.max_participants,required_skill_ids:Z.required_skill_ids||[]})})}S(T.id?"Veranstaltung & Schichten aktualisiert!":"Veranstaltung erfolgreich erstellt!"),await Y(),de(D)},Lr=async(T,D)=>{const ee=await $(`/templates/${T}/instantiate/`,{method:"POST",body:JSON.stringify(D)});S("Veranstaltung aus Vorlage erstellt!"),await Y(),ee.id&&de(ee.id)},Jl=()=>{u&&window.open(`/api/events/${u}/export_pdf/`,"_blank")},Ut=()=>{window.print()},Xl=()=>{F&&(F.prompt(),F.userChoice.then(T=>{T.outcome==="accepted"&&S("PWA Installation gestartet!"),q(null)}))};return s.jsxs("div",{className:"min-h-screen bg-canvas text-main flex flex-col font-sans selection:bg-surface-hover transition-colors duration-200",children:[L&&s.jsxs("div",{className:"fixed bottom-6 right-6 z-50 bg-emerald-600 text-white px-4 py-2.5 rounded-sm shadow-2xl font-mono text-xs flex items-center gap-2 border border-emerald-400 animate-in fade-in slide-in-from-bottom-3 duration-200",children:[s.jsx(gt,{className:"w-4 h-4"}),s.jsx("span",{children:L})]}),s.jsx(Ap,{branding:n,user:e,activeTab:y,onChangeTab:v,themeMode:A,onChangeThemeMode:le,onLogout:et,onOpenAuth:()=>f(!0),onOpenCreateEvent:()=>{vt(null),v("event-editor")},onOpenTemplates:()=>v("templates"),onOpenProfile:()=>U(!0),onOpenAdmin:()=>v("admin"),pwaInstallPrompt:!!F,onInstallPwa:Xl}),s.jsx("main",{className:"flex-1 max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8 py-8 space-y-6",children:x?s.jsx("div",{className:"hallmark-panel p-16 text-center text-xs text-muted font-mono border border-grid",children:"Lade Daten..."}):y==="home"?s.jsx($p,{events:o,user:e,onSelectEvent:de,onOpenCreateEvent:()=>{vt(null),v("event-editor")},onToggleEventActive:async T=>{try{await $(`/events/${T.id}/`,{method:"PATCH",body:JSON.stringify({is_active:T.is_active===!1})}),Y()}catch(D){alert(D.message||"Aktion fehlgeschlagen.")}},onEditEvent:T=>{vt(T),v("event-editor")},branding:n}):y==="calendar"?s.jsx(Fp,{events:o,onSelectEvent:de,branding:n}):y==="admin"&&e&&(e.is_admin_user||e.is_staff||e.is_superuser)?s.jsx(Vp,{branding:n,onRefreshBranding:async()=>{const T=await $("/branding/");r(T)},onRefreshEvents:Y,skills:l,onRefreshSkills:J}):y==="event-editor"?s.jsx(Up,{eventToEdit:Yl,skills:l,onBack:()=>v("schedule"),onSubmit:Zl}):y==="templates"?s.jsx(Bp,{onBack:()=>v("schedule"),onInstantiateTemplate:Lr,user:e,skills:l}):s.jsxs("div",{className:"space-y-6",children:[s.jsxs("div",{className:"flex items-center justify-between gap-4 overflow-x-auto pb-2 no-scrollbar font-mono",children:[s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{className:"text-xs font-bold text-muted uppercase tracking-wider whitespace-nowrap",children:"Ausgewähltes Event:"}),o.map(T=>{const D=u===T.id;return s.jsx("button",{onClick:()=>de(T.id),style:{backgroundColor:D?(n==null?void 0:n.primary_color)||"var(--brand-primary)":void 0,borderColor:D?(n==null?void 0:n.primary_color)||"var(--brand-primary)":void 0},className:`px-3.5 py-1.5 rounded-sm text-xs font-bold transition whitespace-nowrap border ${D?"text-white shadow-sm":"bg-subtle text-muted border-grid hover:text-main"}`,children:T.title},T.id)})]}),e&&s.jsxs("button",{onClick:()=>{vt(null),v("event-editor")},className:"px-3.5 py-1.5 rounded-sm text-xs font-bold bg-subtle hover:bg-surface-hover text-main border border-grid transition flex items-center gap-1.5 shrink-0",children:[s.jsx(it,{className:"w-4 h-4"})," Neues Event"]})]}),s.jsx(Dp,{event:h,user:e,onSignupClick:zr,onCancelClick:Vt,onRemoveUserFromShift:async(T,D)=>{try{const ee=await $(`/shifts/${T.id}/signup/${D}/`,{method:"DELETE"});S(ee.message||"Eintragung entfernt."),Y(),u&&de(u)}catch(ee){alert(ee.message||"Entfernen der Person fehlgeschlagen.")}},onGenerateClaimLink:H,onExportPdf:Jl,onPrintView:Ut,onEditEvent:T=>{vt(T),v("event-editor")}})]})}),s.jsx("footer",{className:"border-t border-grid py-6 text-center text-xs text-muted font-mono no-print",children:s.jsxs("p",{children:[(n==null?void 0:n.app_name)||"Veranstaltungsschichtplaner"," • PWA Enabled • PostgreSQL & Docker Ready"]})}),O&&s.jsx(Ip,{onClose:()=>{f(!1),he(null),I(null)},onSuccess:Pr,claimToken:W,prefilledGuestName:P}),c&&s.jsx(Rp,{shift:w,onClose:()=>m(!1),onSubmit:ql})]})}zs.createRoot(document.getElementById("root")).render(s.jsx(ef.StrictMode,{children:s.jsx(Hp,{})})); diff --git a/frontend/dist/assets/index-DyS9UMYS.css b/frontend/dist/assets/index-DyS9UMYS.css new file mode 100644 index 0000000..b77efce --- /dev/null +++ b/frontend/dist/assets/index-DyS9UMYS.css @@ -0,0 +1 @@ +*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-6{bottom:1.5rem}.left-3{left:.75rem}.left-3\.5{left:.875rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.top-2\.5{top:.625rem}.top-3{top:.75rem}.top-4{top:1rem}.z-40{z-index:40}.z-50{z-index:50}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-16{height:4rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.max-h-\[70px\]{max-height:70px}.min-h-\[100px\]{min-height:100px}.min-h-screen{min-height:100vh}.w-1\/4{width:25%}.w-1\/6{width:16.666667%}.w-10{width:2.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.min-w-\[110px\]{min-width:110px}.min-w-\[260px\]{min-width:260px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[130px\]{max-width:130px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.cursor-pointer{cursor:pointer}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-500\/20{border-color:#f59e0b33}.border-amber-500\/30{border-color:#f59e0b4d}.border-amber-500\/40{border-color:#f59e0b66}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-500\/20{border-color:#3b82f633}.border-emerald-400{--tw-border-opacity: 1;border-color:rgb(52 211 153 / var(--tw-border-opacity, 1))}.border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-emerald-500\/20{border-color:#10b98133}.border-emerald-500\/30{border-color:#10b9814d}.border-indigo-500{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.border-indigo-500\/20{border-color:#6366f133}.border-indigo-500\/30{border-color:#6366f14d}.border-indigo-500\/40{border-color:#6366f166}.border-red-500\/20{border-color:#ef444433}.border-red-600\/30{border-color:#dc26264d}.border-slate-700{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.border-slate-800{--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.border-slate-800\/80{border-color:#1e293bcc}.border-transparent{border-color:transparent}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-500\/20{background-color:#f59e0b33}.bg-amber-500\/5{background-color:#f59e0b0d}.bg-black\/60{background-color:#0009}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-600\/10{background-color:#2563eb1a}.bg-emerald-500\/10{background-color:#10b9811a}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/10{background-color:#6366f11a}.bg-indigo-500\/20{background-color:#6366f133}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-600\/20{background-color:#dc262633}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-slate-900\/60{background-color:#0f172a99}.bg-slate-900\/90{background-color:#0f172ae6}.bg-slate-950{--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.bg-slate-950\/60{background-color:#02061799}.bg-slate-950\/70{background-color:#020617b3}.bg-slate-950\/80{background-color:#020617cc}.fill-white{fill:#fff}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-3\.5{padding-left:.875rem}.pl-9{padding-left:2.25rem}.pr-10{padding-right:2.5rem}.pr-16{padding-right:4rem}.pr-3\.5{padding-right:.875rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-indigo-300{--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-950{--tw-text-opacity: 1;color:rgb(2 6 23 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-blue-500\/10{--tw-shadow-color: rgb(59 130 246 / .1);--tw-shadow: var(--tw-shadow-colored)}.shadow-blue-600\/30{--tw-shadow-color: rgb(37 99 235 / .3);--tw-shadow: var(--tw-shadow-colored)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--color-accent: #E05A47;--brand-primary: var(--color-accent)}:root,[data-theme=dark]{--color-paper: #0E0F12;--color-surface: #15161A;--color-surface-hover: #1C1D23;--color-border-grid: #282932;--color-border-subtle: #1F2026;--color-text: #F0F0EE;--color-text-muted: #9E9FAA;--color-text-dim: #5C5D66;--color-bg-subtle: #090A0C}[data-theme=light]{--color-paper: #F8F7F4;--color-surface: #FFFFFF;--color-surface-hover: #F0EEE8;--color-border-grid: #D8D5CB;--color-border-subtle: #E8E5DC;--color-text: #141518;--color-text-muted: #555660;--color-text-dim: #888994;--color-bg-subtle: #EFECE5}body{background-color:var(--color-paper);color:var(--color-text);font-family:var(--font-body);background-image:radial-gradient(rgba(120,120,120,.08) 1px,transparent 1px);background-size:28px 28px;overflow-x:clip;transition:background-color .15s ease,color .15s ease}.font-display,.font-serif{font-family:var(--font-display)!important;font-style:normal!important}.font-mono{font-family:var(--font-mono)!important}.font-sans{font-family:var(--font-body)!important}.bg-canvas,.bg-paper{background-color:var(--color-paper)!important}.bg-surface{background-color:var(--color-surface)!important}.bg-surface-hover{background-color:var(--color-surface-hover)!important}.bg-subtle{background-color:var(--color-bg-subtle)!important}.text-main{color:var(--color-text)!important}.text-muted{color:var(--color-text-muted)!important}.text-dim{color:var(--color-text-dim)!important}.border-grid{border-color:var(--color-border-grid)!important}.border-subtle{border-color:var(--color-border-subtle)!important}.input-field{background-color:var(--color-bg-subtle)!important;color:var(--color-text)!important;border-color:var(--color-border-grid)!important}.input-field:focus{border-color:var(--color-text-muted)!important;outline:none!important}.hallmark-panel{background-color:var(--color-surface);border:1px solid var(--color-border-grid);box-shadow:0 1px 3px #0000000d}.hallmark-card{background-color:var(--color-surface);border:1px solid var(--color-border-grid)}.hallmark-card:hover{border-color:var(--color-text-muted);background-color:var(--color-surface-hover)}.bg-brand-primary{background-color:var(--brand-primary)!important}.text-brand-primary{color:var(--brand-primary)!important}.border-brand-primary{border-color:var(--brand-primary)!important}@media print{body{background:#fff!important;color:#000!important;background-image:none!important}.no-print{display:none!important}.print-only{display:block!important}.hallmark-panel,.hallmark-card{background:none!important;border:1px solid #000!important;box-shadow:none!important}table{width:100%!important;border-collapse:collapse!important}th,td{border:1px solid #000!important;padding:6px!important;color:#000!important}}.hover\:border-red-500\/20:hover{border-color:#ef444433}.hover\:border-slate-700:hover{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.hover\:bg-amber-500\/20:hover{background-color:#f59e0b33}.hover\:bg-amber-500\/30:hover{background-color:#f59e0b4d}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-500\/20:hover{background-color:#3b82f633}.hover\:bg-emerald-500:hover{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-500\/20:hover{background-color:#10b98133}.hover\:bg-indigo-500:hover{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-500\/20:hover{background-color:#6366f133}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-red-500\/20:hover{background-color:#ef444433}.hover\:bg-red-600\/30:hover{background-color:#dc26264d}.hover\:bg-slate-700:hover{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-900\/40:hover{background-color:#0f172a66}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:text-indigo-300:hover{--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-slate-600:focus{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:col-span-3{grid-column:span 3 / span 3}.sm\:col-span-4{grid-column:span 4 / span 4}.sm\:flex{display:flex}.sm\:min-h-\[110px\]{min-height:110px}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:p-10{padding:2.5rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}}@media (min-width: 1024px){.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:inline{display:inline}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}} diff --git a/frontend/dist/assets/index-VOnznzhX.css b/frontend/dist/assets/index-VOnznzhX.css deleted file mode 100644 index e787d7f..0000000 --- a/frontend/dist/assets/index-VOnznzhX.css +++ /dev/null @@ -1 +0,0 @@ -*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-6{bottom:1.5rem}.left-3{left:.75rem}.left-3\.5{left:.875rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0{top:0}.top-2\.5{top:.625rem}.top-3{top:.75rem}.top-4{top:1rem}.z-40{z-index:40}.z-50{z-index:50}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-16{height:4rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.max-h-\[70px\]{max-height:70px}.min-h-\[100px\]{min-height:100px}.min-h-screen{min-height:100vh}.w-1\/4{width:25%}.w-1\/6{width:16.666667%}.w-10{width:2.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.min-w-\[110px\]{min-width:110px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[130px\]{max-width:130px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.cursor-pointer{cursor:pointer}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-500\/20{border-color:#f59e0b33}.border-amber-500\/30{border-color:#f59e0b4d}.border-amber-500\/40{border-color:#f59e0b66}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-500\/20{border-color:#3b82f633}.border-emerald-400{--tw-border-opacity: 1;border-color:rgb(52 211 153 / var(--tw-border-opacity, 1))}.border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-emerald-500\/20{border-color:#10b98133}.border-emerald-500\/30{border-color:#10b9814d}.border-indigo-500{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.border-indigo-500\/20{border-color:#6366f133}.border-indigo-500\/30{border-color:#6366f14d}.border-indigo-500\/40{border-color:#6366f166}.border-red-500\/20{border-color:#ef444433}.border-slate-700{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.border-slate-800{--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.border-slate-800\/80{border-color:#1e293bcc}.border-transparent{border-color:transparent}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-500\/20{background-color:#f59e0b33}.bg-black\/60{background-color:#0009}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-600\/10{background-color:#2563eb1a}.bg-emerald-500\/10{background-color:#10b9811a}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/10{background-color:#6366f11a}.bg-indigo-500\/20{background-color:#6366f133}.bg-red-500\/10{background-color:#ef44441a}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-slate-900\/60{background-color:#0f172a99}.bg-slate-900\/90{background-color:#0f172ae6}.bg-slate-950{--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.bg-slate-950\/60{background-color:#02061799}.bg-slate-950\/70{background-color:#020617b3}.bg-slate-950\/80{background-color:#020617cc}.fill-white{fill:#fff}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-9{padding-left:2.25rem}.pr-16{padding-right:4rem}.pr-3{padding-right:.75rem}.pr-3\.5{padding-right:.875rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-indigo-300{--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-950{--tw-text-opacity: 1;color:rgb(2 6 23 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-blue-500\/10{--tw-shadow-color: rgb(59 130 246 / .1);--tw-shadow: var(--tw-shadow-colored)}.shadow-blue-600\/30{--tw-shadow-color: rgb(37 99 235 / .3);--tw-shadow: var(--tw-shadow-colored)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--color-accent: #E05A47;--brand-primary: var(--color-accent)}:root,[data-theme=dark]{--color-paper: #0E0F12;--color-surface: #15161A;--color-surface-hover: #1C1D23;--color-border-grid: #282932;--color-border-subtle: #1F2026;--color-text: #F0F0EE;--color-text-muted: #9E9FAA;--color-text-dim: #5C5D66;--color-bg-subtle: #090A0C}[data-theme=light]{--color-paper: #F8F7F4;--color-surface: #FFFFFF;--color-surface-hover: #F0EEE8;--color-border-grid: #D8D5CB;--color-border-subtle: #E8E5DC;--color-text: #141518;--color-text-muted: #555660;--color-text-dim: #888994;--color-bg-subtle: #EFECE5}body{background-color:var(--color-paper);color:var(--color-text);font-family:var(--font-body);background-image:radial-gradient(rgba(120,120,120,.08) 1px,transparent 1px);background-size:28px 28px;overflow-x:clip;transition:background-color .15s ease,color .15s ease}.font-display,.font-serif{font-family:var(--font-display)!important;font-style:normal!important}.font-mono{font-family:var(--font-mono)!important}.font-sans{font-family:var(--font-body)!important}.bg-canvas,.bg-paper{background-color:var(--color-paper)!important}.bg-surface{background-color:var(--color-surface)!important}.bg-surface-hover{background-color:var(--color-surface-hover)!important}.bg-subtle{background-color:var(--color-bg-subtle)!important}.text-main{color:var(--color-text)!important}.text-muted{color:var(--color-text-muted)!important}.text-dim{color:var(--color-text-dim)!important}.border-grid{border-color:var(--color-border-grid)!important}.border-subtle{border-color:var(--color-border-subtle)!important}.input-field{background-color:var(--color-bg-subtle)!important;color:var(--color-text)!important;border-color:var(--color-border-grid)!important}.input-field:focus{border-color:var(--color-text-muted)!important;outline:none!important}.hallmark-panel{background-color:var(--color-surface);border:1px solid var(--color-border-grid);box-shadow:0 1px 3px #0000000d}.hallmark-card{background-color:var(--color-surface);border:1px solid var(--color-border-grid)}.hallmark-card:hover{border-color:var(--color-text-muted);background-color:var(--color-surface-hover)}.bg-brand-primary{background-color:var(--brand-primary)!important}.text-brand-primary{color:var(--brand-primary)!important}.border-brand-primary{border-color:var(--brand-primary)!important}@media print{body{background:#fff!important;color:#000!important;background-image:none!important}.no-print{display:none!important}.print-only{display:block!important}.hallmark-panel,.hallmark-card{background:none!important;border:1px solid #000!important;box-shadow:none!important}table{width:100%!important;border-collapse:collapse!important}th,td{border:1px solid #000!important;padding:6px!important;color:#000!important}}.hover\:border-red-500\/20:hover{border-color:#ef444433}.hover\:border-slate-700:hover{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.hover\:bg-amber-500\/20:hover{background-color:#f59e0b33}.hover\:bg-amber-500\/30:hover{background-color:#f59e0b4d}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-500\/20:hover{background-color:#3b82f633}.hover\:bg-emerald-500:hover{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-500\/20:hover{background-color:#10b98133}.hover\:bg-indigo-500\/20:hover{background-color:#6366f133}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-red-500\/20:hover{background-color:#ef444433}.hover\:bg-slate-700:hover{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-800:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-900\/40:hover{background-color:#0f172a66}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:text-indigo-300:hover{--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-slate-600:focus{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:col-span-3{grid-column:span 3 / span 3}.sm\:col-span-4{grid-column:span 4 / span 4}.sm\:flex{display:flex}.sm\:min-h-\[110px\]{min-height:110px}.sm\:w-64{width:16rem}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:p-10{padding:2.5rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}}@media (min-width: 1024px){.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:inline{display:inline}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}} diff --git a/frontend/dist/index.html b/frontend/dist/index.html index e1e8900..1bfd6e3 100644 --- a/frontend/dist/index.html +++ b/frontend/dist/index.html @@ -11,8 +11,8 @@ Schichtplaner — Veranstaltungsschichtpläne - - + +
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx index c34d1bb..6258ada 100644 --- a/frontend/src/App.jsx +++ b/frontend/src/App.jsx @@ -469,6 +469,8 @@ export default function App() { setActiveTab('schedule')} onInstantiateTemplate={handleInstantiateTemplate} + user={user} + skills={skills} /> ) : (
diff --git a/frontend/src/pages/AdminPage.jsx b/frontend/src/pages/AdminPage.jsx index 38213f4..865e3ef 100644 --- a/frontend/src/pages/AdminPage.jsx +++ b/frontend/src/pages/AdminPage.jsx @@ -3,12 +3,13 @@ import React, { useState, useEffect } from 'react'; import { Shield, Settings, Users, Calendar, Layers, Palette, Plus, Trash2, Edit3, - UserCheck, UserX, Clock, CheckCircle2, AlertCircle, Layout, Search, Eye, EyeOff + UserCheck, UserX, Clock, CheckCircle2, AlertCircle, Layout, Search, Eye, EyeOff, + Mail, Send, Lock } from 'lucide-react'; import { apiFetch } from '../api/client'; export default function AdminPage({ branding, onRefreshBranding, onRefreshEvents, skills, onRefreshSkills }) { - const [activeAdminTab, setActiveAdminTab] = useState('users'); // 'users' | 'events' | 'templates' | 'branding' + const [activeAdminTab, setActiveAdminTab] = useState('users'); // 'users' | 'events' | 'templates' | 'branding' | 'smtp' const [loading, setLoading] = useState(true); const [error, setError] = useState(''); @@ -20,6 +21,7 @@ export default function AdminPage({ branding, onRefreshBranding, onRefreshEvents const [pendingUsers, setPendingUsers] = useState([]); const [restrictionEnabled, setRestrictionEnabled] = useState(false); const [requireApproval, setRequireApproval] = useState(false); + const [requireEmailVerification, setRequireEmailVerification] = useState(true); const [domainRules, setDomainRules] = useState([]); const [newDomain, setNewDomain] = useState(''); @@ -48,13 +50,26 @@ export default function AdminPage({ branding, onRefreshBranding, onRefreshEvents const [savingBranding, setSavingBranding] = useState(false); + // 5. SMTP State + const [smtpActive, setSmtpActive] = useState(false); + const [smtpHost, setSmtpHost] = useState('smtp.beispiel.de'); + const [smtpPort, setSmtpPort] = useState(587); + const [smtpUsername, setSmtpUsername] = useState(''); + const [smtpPassword, setSmtpPassword] = useState(''); + const [smtpUseTls, setSmtpUseTls] = useState(true); + const [smtpUseSsl, setSmtpUseSsl] = useState(false); + const [smtpFromEmail, setSmtpFromEmail] = useState('noreply@schichtplaner.de'); + const [smtpTestEmail, setSmtpTestEmail] = useState(''); + const [showSmtpPassword, setShowSmtpPassword] = useState(false); + const [savingSmtp, setSavingSmtp] = useState(false); + const [testingSmtp, setTestingSmtp] = useState(false); + useEffect(() => { - loadAllAdminData(); + fetchAdminData(); }, []); - const loadAllAdminData = async () => { + const fetchAdminData = async () => { setLoading(true); - setError(''); try { try { const users = await apiFetch('/users/manage-users/'); @@ -62,15 +77,18 @@ export default function AdminPage({ branding, onRefreshBranding, onRefreshEvents } catch (e) {} try { - const pending = await apiFetch('/users/pending/'); - setPendingUsers(pending.results || pending); + const pUsers = await apiFetch('/users/pending/'); + setPendingUsers(pUsers.results || pUsers); } catch (e) {} try { const setting = await apiFetch('/users/restriction-setting/'); setRestrictionEnabled(setting.is_restriction_enabled); setRequireApproval(setting.require_admin_approval); + setRequireEmailVerification(setting.require_email_verification ?? true); + } catch (e) {} + try { const rules = await apiFetch('/users/domain-rules/'); setDomainRules(rules.results || rules); } catch (e) {} @@ -85,6 +103,20 @@ export default function AdminPage({ branding, onRefreshBranding, onRefreshEvents setTemplatesList(tmpls.results || tmpls); } catch (e) {} + try { + const smtpData = await apiFetch('/users/smtp-setting/'); + if (smtpData) { + setSmtpActive(smtpData.is_active ?? false); + setSmtpHost(smtpData.host || ''); + setSmtpPort(smtpData.port || 587); + setSmtpUsername(smtpData.username || ''); + setSmtpPassword(smtpData.password || ''); + setSmtpUseTls(smtpData.use_tls ?? true); + setSmtpUseSsl(smtpData.use_ssl ?? false); + setSmtpFromEmail(smtpData.from_email || ''); + } + } catch (e) {} + } catch (err) { setError(err.message || 'Laden der Admin-Daten fehlgeschlagen.'); } finally { @@ -111,104 +143,87 @@ export default function AdminPage({ branding, onRefreshBranding, onRefreshEvents } }; - const handleToggleUserActive = async (user) => { + const handleToggleUserApproved = async (user) => { try { const updated = await apiFetch(`/users/manage-users/${user.id}/`, { method: 'PATCH', - body: JSON.stringify({ is_active: !user.is_active }) + body: JSON.stringify({ is_approved: !user.is_approved }) }); setUsersList(usersList.map(u => u.id === user.id ? updated : u)); - showNotif(`Status für ${user.username} auf ${updated.is_active ? 'AKTIV' : 'DEAKTIVIERT'} gesetzt.`); + showNotif(`Freischalt-Status für ${user.username} aktualisiert.`); } catch (e) { setError(e.message || 'Fehler beim Aktualisieren.'); } }; - const handleDeleteUser = async (user) => { - if (!window.confirm(`Benutzer ${user.username} wirklich löschen?`)) return; + const handleApprovePendingUser = async (userId) => { try { - await apiFetch(`/users/manage-users/${user.id}/`, { method: 'DELETE' }); - setUsersList(usersList.filter(u => u.id !== user.id)); - showNotif(`Benutzer ${user.username} gelöscht.`); + await apiFetch(`/users/${userId}/approve/`, { method: 'POST' }); + setPendingUsers(pendingUsers.filter(u => u.id !== userId)); + fetchAdminData(); + showNotif('Benutzer erfolgreich freigeschaltet.'); } catch (e) { - setError(e.message || 'Löschen fehlgeschlagen.'); + setError(e.message || 'Freischalten fehlgeschlagen.'); } }; - const handleApproveUser = async (userId) => { + const handleRejectPendingUser = async (userId) => { try { - const res = await apiFetch(`/users/${userId}/approve/`, { method: 'POST' }); + await apiFetch(`/users/${userId}/approve/`, { method: 'DELETE' }); setPendingUsers(pendingUsers.filter(u => u.id !== userId)); - loadAllAdminData(); - showNotif(res.message || 'Nutzer freigeschaltet!'); - } catch (err) { - setError(err.message || 'Freischaltung fehlgeschlagen.'); + showNotif('Benutzer abgelehnt und gelöscht.'); + } catch (e) { + setError(e.message || 'Ablehnen fehlgeschlagen.'); } }; - const handleRejectUser = async (userId) => { + const handleToggleRestriction = async (key, val) => { try { - const res = await apiFetch(`/users/${userId}/approve/`, { method: 'DELETE' }); - setPendingUsers(pendingUsers.filter(u => u.id !== userId)); - showNotif(res.message || 'Registrierung abgelehnt.'); - } catch (err) { - setError(err.message || 'Ablehnen fehlgeschlagen.'); - } - }; - - const handleToggleRequireApproval = async () => { - try { - const updated = await apiFetch('/users/restriction-setting/', { + const payload = { + is_restriction_enabled: key === 'restriction' ? val : restrictionEnabled, + require_admin_approval: key === 'approval' ? val : requireApproval, + require_email_verification: key === 'email_verify' ? val : requireEmailVerification + }; + const res = await apiFetch('/users/restriction-setting/', { method: 'POST', - body: JSON.stringify({ require_admin_approval: !requireApproval }) + body: JSON.stringify(payload) }); - setRequireApproval(updated.require_admin_approval); - showNotif(`Admin-Freischaltung ist jetzt ${updated.require_admin_approval ? 'AKTIV' : 'INAKTIV'}`); - } catch (err) { - setError(err.message || 'Fehler beim Umschalten.'); + setRestrictionEnabled(res.is_restriction_enabled); + setRequireApproval(res.require_admin_approval); + setRequireEmailVerification(res.require_email_verification); + showNotif('Sicherheitseinstellungen aktualisiert.'); + } catch (e) { + setError(e.message || 'Aktualisierung fehlgeschlagen.'); } }; - const handleToggleRestriction = async () => { - try { - const updated = await apiFetch('/users/restriction-setting/', { - method: 'POST', - body: JSON.stringify({ is_restriction_enabled: !restrictionEnabled }) - }); - setRestrictionEnabled(updated.is_restriction_enabled); - showNotif(`Domain-Beschränkung ist jetzt ${updated.is_restriction_enabled ? 'AKTIV' : 'INAKTIV'}`); - } catch (err) { - setError(err.message || 'Fehler beim Umschalten.'); - } - }; - - const handleAddDomain = async (e) => { + const handleAddDomainRule = async (e) => { e.preventDefault(); if (!newDomain.trim()) return; try { - const created = await apiFetch('/users/domain-rules/', { + const rule = await apiFetch('/users/domain-rules/', { method: 'POST', - body: JSON.stringify({ domain: newDomain.trim(), is_active: true }) + body: JSON.stringify({ domain: newDomain }) }); - setDomainRules([...domainRules, created]); + setDomainRules([...domainRules, rule]); setNewDomain(''); - showNotif('Domain hinzugefügt!'); - } catch (err) { - setError(err.message || 'Fehler beim Hinzufügen der Domain.'); + showNotif(`Domain-Regel "${rule.domain}" hinzugefügt.`); + } catch (e) { + setError(e.message || 'Fehler beim Hinzufügen.'); } }; - const handleDeleteDomain = async (id) => { + const handleDeleteDomainRule = async (id) => { try { await apiFetch(`/users/domain-rules/${id}/`, { method: 'DELETE' }); setDomainRules(domainRules.filter(r => r.id !== id)); - showNotif('Domain entfernt.'); - } catch (err) { - setError(err.message || 'Löschen fehlgeschlagen.'); + showNotif('Domain-Regel entfernt.'); + } catch (e) { + setError(e.message || 'Fehler beim Löschen.'); } }; - // --- SKILL ACTIONS --- + // --- SKILLS & TEMPLATES --- const handleCreateSkill = async (e) => { e.preventDefault(); if (!newSkillName.trim()) return; @@ -216,74 +231,44 @@ export default function AdminPage({ branding, onRefreshBranding, onRefreshEvents await apiFetch('/skills/', { method: 'POST', body: JSON.stringify({ - name: newSkillName.trim(), - description: newSkillDesc.trim(), + name: newSkillName, + description: newSkillDesc, color: newSkillColor }) }); setNewSkillName(''); setNewSkillDesc(''); onRefreshSkills(); - showNotif('Qualifikation angelegt!'); + showNotif('Qualifikation angelegt.'); } catch (e) { setError(e.message || 'Fehler beim Anlegen.'); } }; const handleDeleteSkill = async (id) => { - if (!window.confirm('Qualifikation wirklich löschen?')) return; try { await apiFetch(`/skills/${id}/`, { method: 'DELETE' }); onRefreshSkills(); showNotif('Qualifikation gelöscht.'); } catch (e) { - setError(e.message || 'Löschen fehlgeschlagen.'); - } - }; - - // --- EVENT & TEMPLATE ACTIONS --- - const handleToggleEventActive = async (evt) => { - try { - const updated = await apiFetch(`/events/${evt.id}/`, { - method: 'PATCH', - body: JSON.stringify({ is_active: evt.is_active === false ? true : false }) - }); - setEventsList(eventsList.map(e => e.id === evt.id ? updated : e)); - onRefreshEvents(); - showNotif(`Status für "${evt.title}" aktualisiert.`); - } catch (e) { - setError(e.message || 'Fehler beim Umschalten.'); - } - }; - - const handleDeleteEvent = async (id) => { - if (!window.confirm('Veranstaltung mit allen Schichten wirklich löschen?')) return; - try { - await apiFetch(`/events/${id}/`, { method: 'DELETE' }); - setEventsList(eventsList.filter(e => e.id !== id)); - onRefreshEvents(); - showNotif('Veranstaltung gelöscht.'); - } catch (e) { - setError(e.message || 'Löschen fehlgeschlagen.'); + setError(e.message || 'Fehler beim Löschen.'); } }; const handleDeleteTemplate = async (id) => { - if (!window.confirm('Vorlage wirklich löschen?')) return; try { await apiFetch(`/templates/${id}/`, { method: 'DELETE' }); setTemplatesList(templatesList.filter(t => t.id !== id)); showNotif('Vorlage gelöscht.'); } catch (e) { - setError(e.message || 'Löschen fehlgeschlagen.'); + setError(e.message || 'Fehler beim Löschen.'); } }; - // --- BRANDING ACTIONS --- + // --- BRANDING SAVE --- const handleSaveBranding = async (e) => { e.preventDefault(); setSavingBranding(true); - setError(''); try { await apiFetch('/branding/', { method: 'POST', @@ -300,15 +285,56 @@ export default function AdminPage({ branding, onRefreshBranding, onRefreshEvents support_box_text: supportBoxText }) }); - showNotif('Branding & Einstellungen erfolgreich gespeichert!'); onRefreshBranding(); - } catch (err) { - setError(err.message || 'Speichern fehlgeschlagen.'); + showNotif('Branding-Einstellungen erfolgreich gespeichert!'); + } catch (e) { + setError(e.message || 'Speichern des Brandings fehlgeschlagen.'); } finally { setSavingBranding(false); } }; + // --- SMTP SAVE & TEST --- + const handleSaveSMTP = async (e) => { + e.preventDefault(); + setSavingSmtp(true); + try { + await apiFetch('/users/smtp-setting/', { + method: 'POST', + body: JSON.stringify({ + is_active: smtpActive, + host: smtpHost, + port: parseInt(smtpPort) || 587, + username: smtpUsername, + password: smtpPassword, + use_tls: smtpUseTls, + use_ssl: smtpUseSsl, + from_email: smtpFromEmail + }) + }); + showNotif('✅ SMTP-Einstellungen erfolgreich gespeichert!'); + } catch (err) { + setError(err.message || 'Speichern der SMTP-Einstellungen fehlgeschlagen.'); + } finally { + setSavingSmtp(false); + } + }; + + const handleTestSMTP = async () => { + setTestingSmtp(true); + try { + const res = await apiFetch('/users/smtp-setting/test/', { + method: 'POST', + body: JSON.stringify({ email: smtpTestEmail }) + }); + showNotif(`✅ ${res.message || 'Test-E-Mail erfolgreich gesendet!'}`); + } catch (err) { + setError(err.message || 'Test-E-Mail fehlgeschlagen.'); + } finally { + setTestingSmtp(false); + } + }; + const filteredUsers = usersList.filter(u => u.username.toLowerCase().includes(userSearchQuery.toLowerCase()) || u.email.toLowerCase().includes(userSearchQuery.toLowerCase()) || @@ -316,29 +342,27 @@ export default function AdminPage({ branding, onRefreshBranding, onRefreshEvents ); return ( -
- {/* Hallmark Masthead Header & Ledger Bar */} -
-
-
- - SYSTEM CONTROL & GOVERNANCE - -

- Administration & System-Zentrale -

+
+ {/* Header Banner */} +
+
+
+
- -
-
-
[ SYSTEM NORMAL ]
-
{usersList.length} KONTEN • {eventsList.length} EVENTS
-
+
+

+ System Administration +

+

+ Verwaltung von Benutzern, Freischaltungen, Events, Vorlagen, Branding & SMTP-Mailserver +

+
- {/* Tab Controls Bar */} -
+ {/* Atelier Stencil Tab Bar */} +
+
+ +
@@ -394,7 +429,7 @@ export default function AdminPage({ branding, onRefreshBranding, onRefreshEvents )} {success && ( -
+
{success}
@@ -402,32 +437,32 @@ export default function AdminPage({ branding, onRefreshBranding, onRefreshEvents {/* TAB 1: BENUTZER & SICHERHEIT */} {activeAdminTab === 'users' && ( -
- {/* Pending Registrations section if any */} +
+ {/* Pending Approval Section */} {pendingUsers.length > 0 && ( -
-

- Ausstehende Freischalt-Anfragen ({pendingUsers.length}) +
+

+ ⚠️ Ausstehende Registrierungen ({pendingUsers.length})

- {pendingUsers.map(pUser => ( -
+ {pendingUsers.map(pu => ( +
-
{pUser.display_name || pUser.username}
-
{pUser.email}
+
{pu.display_name} (@{pu.username})
+
{pu.email}
@@ -436,203 +471,203 @@ export default function AdminPage({ branding, onRefreshBranding, onRefreshEvents
)} - {/* Registration Rules Settings */} -
- {/* Require Admin Approval */} -
-
-

- Admin-Freischaltung Pflicht -

- -
-

Neue Registrierungen müssen manuell freigeschaltet werden.

-
- - {/* Email Domain Restrictions */} -
-
-

- E-Mail Domain-Beschränkung -

- -
-

Nur freigegebene E-Mail-Domains erlauben.

-
+ {/* User Filter Search Bar */} +
+ + setUserSearchQuery(e.target.value)} + placeholder="Nutzer suchen nach Name, Username oder E-Mail..." + className="w-full bg-subtle border border-grid px-3 py-1.5 rounded-sm text-xs font-mono text-main focus:outline-none focus:border-muted" + /> + {userSearchQuery && ( + + )}
- {/* Domain Rules Manager */} - {restrictionEnabled && ( -
-

Freigegebene E-Mail-Domains

-
- setNewDomain(e.target.value)} - className="flex-1 px-3 py-1.5 rounded-sm input-field text-xs" - /> - -
-
- {domainRules.map(r => ( -
- {r.domain} - -
- ))} -
-
- )} - - {/* User Accounts Management Table */} -
-
-

- Alle Benutzerkonten ({filteredUsers.length} von {usersList.length}) -

- -
- - setUserSearchQuery(e.target.value)} - placeholder="Benutzer suchen..." - className="w-full pl-9 pr-3 py-1 rounded-sm input-field text-xs font-mono" - /> -
-
- + {/* All Users List Table */} +
+

+ Benutzerkonten & Rechtestatus ({filteredUsers.length}) +

- +
- - - - - - + + + + + + + - - {filteredUsers.length === 0 ? ( - - + {filteredUsers.map(u => ( + + + + + + + - ) : ( - filteredUsers.map((u) => ( - - - - - - - - )) - )} + ))}
Nutzer & E-MailAnzeigenameStatusRolleAktionen
NutzerE-MailFreigeschaltetE-Mail BestätigtAdmin-RolleAktionen
- [ Keine Benutzerkonten gefunden ] +
+ {u.display_name || u.username} + @{u.username} + {u.email} + + {u.is_approved ? 'JA' : 'NEIN'} + + + + {u.is_email_verified ? 'VERIFIZIERT' : 'AUSSTEHEND'} + + + + {u.is_superuser ? 'SUPERUSER' : u.is_admin_user ? 'ADMIN' : 'USER'} + + + +
-
{u.username}
-
{u.email}
-
{u.display_name || u.username} - - - - - -
+ + {/* Security & Domain Restrictions */} +
+

+ Sicherheit & Registrierungs-Einschränkungen +

+ +
+
+
+ E-Mail Bestätigung (Opt-Out) + +
+

+ Bei Pflicht muss die E-Mail vor der Anmeldung verifiziert werden. Bei Deaktivierung ist die Anmeldung direkt möglich. +

+
+ +
+
+ Domain-Einschränkung + +
+

+ Erlaubt nur Registrierungen von festgelegten E-Mail-Domains (z. B. `@verein.de`). +

+
+ +
+
+ Admin-Freischaltpflicht + +
+

+ Erfordert die manuelle Freischaltung durch einen Admin vor der ersten Anmeldung. +

+
+
+ + {/* Allowed Domains List */} + {restrictionEnabled && ( +
+

Erlaubte E-Mail-Domains

+
+ setNewDomain(e.target.value)} + className="flex-1 px-3 py-1.5 rounded-sm input-field text-xs font-mono" + /> + +
+
+ {domainRules.map(r => ( + + {r.domain} + + + ))} +
+
+ )} +
)} - {/* TAB 2: VERANSTALTUNGEN & SCHICHTEN */} + {/* TAB 2: VERANSTALTUNGEN */} {activeAdminTab === 'events' && ( -
-
-
-

Veranstaltungen verwalten ({eventsList.length})

-
- -
- {eventsList.map((evt) => ( -
-
-
- - {evt.start_date} bis {evt.end_date} - - {evt.location && • {evt.location}} - {evt.is_active === false && ( - - [ DEAKTIVIERT ] - - )} -
-

{evt.title}

- {evt.description &&

{evt.description}

} +
+
+

+ Alle Veranstaltungen ({eventsList.length}) +

+
+ {eventsList.map(evt => ( +
+
+

{evt.title}

+

+ {new Date(evt.start_date).toLocaleDateString('de-DE')} — {evt.location || 'Kein Ort'} | Erstellt von: {evt.created_by_name || 'Admin'} +

- -
- - +
+ + {evt.is_active !== false ? 'AKTIV' : 'DEAKTIVIERT'} +
))} @@ -716,34 +751,34 @@ export default function AdminPage({ branding, onRefreshBranding, onRefreshEvents
)} - {/* TAB 4: BRANDING & STARTSEITE */} + {/* TAB 4: BRANDING & SYSTEM */} {activeAdminTab === 'branding' && (
-

- App Branding & Aussehen +

+ Portal Branding & Erscheinungsbild

- + setAppName(e.target.value)} - className="w-full px-3 py-1.5 rounded-sm input-field" + className="w-full px-3 py-1.5 rounded-sm input-field font-bold" />
- -
+ +
setPrimaryColor(e.target.value)} - className="w-8 h-8 rounded-sm border-0 cursor-pointer bg-subtle p-0.5" + className="w-9 h-9 rounded-sm border-0 cursor-pointer bg-subtle p-0.5" />
)} + + {/* TAB 5: E-MAIL & SMTP EINSTELLUNGEN */} + {activeAdminTab === 'smtp' && ( +
+ +
+

+ SMTP Server & E-Mail-Versand +

+ +
+ SMTP-Versand: + +
+
+ + {!smtpActive && ( +
+ + + Hinweis: Im inaktiven Modus werden Bestätigungs-Links in der Entwickler-Konsole / Logs ausgegeben. + +
+ )} + +
+
+ + setSmtpHost(e.target.value)} + className="w-full px-3.5 py-2 rounded-sm input-field font-mono" + /> +
+ +
+ + setSmtpPort(e.target.value)} + className="w-full px-3.5 py-2 rounded-sm input-field font-mono" + /> +
+ +
+ + setSmtpFromEmail(e.target.value)} + className="w-full px-3.5 py-2 rounded-sm input-field font-mono" + /> +
+ +
+ + setSmtpUsername(e.target.value)} + className="w-full px-3.5 py-2 rounded-sm input-field font-mono" + /> +
+ +
+ +
+ setSmtpPassword(e.target.value)} + className="w-full pl-3.5 pr-10 py-2 rounded-sm input-field font-mono" + /> + +
+
+ +
+ + + +
+
+ +
+ {/* Test Email Box */} +
+ setSmtpTestEmail(e.target.value)} + className="px-3 py-1.5 rounded-sm input-field text-xs flex-1 font-mono" + /> + +
+ + +
+ +
+ )}
); } diff --git a/frontend/src/pages/EventEditorPage.jsx b/frontend/src/pages/EventEditorPage.jsx index 9c440d2..8805795 100644 --- a/frontend/src/pages/EventEditorPage.jsx +++ b/frontend/src/pages/EventEditorPage.jsx @@ -2,6 +2,7 @@ /* Hallmark · component: EventEditorPage · genre: editorial · theme: Atelier (Dark & Light) · studied-DNA: https://inihaus.de */ import React, { useState, useEffect } from 'react'; import { ArrowLeft, Calendar, Layers, Plus, Trash2, Edit3, CheckCircle2, AlertCircle } from 'lucide-react'; +import { apiFetch } from '../api/client'; export default function EventEditorPage({ eventToEdit, skills, onBack, onSubmit }) { const [title, setTitle] = useState(eventToEdit?.title || ''); @@ -369,7 +370,7 @@ export default function EventEditorPage({ eventToEdit, skills, onBack, onSubmit
{/* Action Controls */} -
+
- + +
+ + + +
diff --git a/frontend/src/pages/TemplatesPage.jsx b/frontend/src/pages/TemplatesPage.jsx index f7a43ae..2cc4fbd 100644 --- a/frontend/src/pages/TemplatesPage.jsx +++ b/frontend/src/pages/TemplatesPage.jsx @@ -1,10 +1,10 @@ /* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5 */ /* Hallmark · component: TemplatesPage · genre: editorial · theme: Atelier (Dark & Light) · studied-DNA: https://inihaus.de */ import React, { useState, useEffect } from 'react'; -import { ArrowLeft, Layers, Play, CheckCircle2, AlertCircle, Plus, Trash2 } from 'lucide-react'; +import { ArrowLeft, Layers, Play, CheckCircle2, AlertCircle, Plus, Trash2, Clock, Users, Award } from 'lucide-react'; import { apiFetch } from '../api/client'; -export default function TemplatesPage({ onBack, onInstantiateTemplate }) { +export default function TemplatesPage({ onBack, onInstantiateTemplate, user, skills }) { const [templates, setTemplates] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(''); @@ -17,6 +17,21 @@ export default function TemplatesPage({ onBack, onInstantiateTemplate }) { const [location, setLocation] = useState(''); const [submitting, setSubmitting] = useState(false); + // State for creating a new template with preset shifts + const [showCreateTemplate, setShowCreateTemplate] = useState(false); + const [newTplName, setNewTplName] = useState(''); + const [newTplDesc, setNewTplDesc] = useState(''); + const [newTplTaskAreas, setNewTplTaskAreas] = useState([ + { + name: 'Tresendienst', + description: 'Getränkeausschank und Bar', + shifts: [ + { title: 'Frühschicht', start_time: '18:00', end_time: '22:00', max_participants: 2, required_skill_ids: [] }, + { title: 'Spätschicht', start_time: '22:00', end_time: '02:00', max_participants: 3, required_skill_ids: [] } + ] + } + ]); + useEffect(() => { fetchTemplates(); }, []); @@ -57,6 +72,72 @@ export default function TemplatesPage({ onBack, onInstantiateTemplate }) { } }; + const handleCreateTemplate = async (e) => { + e.preventDefault(); + if (!newTplName.trim()) { + setError('Bitte gib einen Vorlagen-Namen an.'); + return; + } + + setSubmitting(true); + try { + const payload = { + name: newTplName, + description: newTplDesc, + template_data: { + task_areas: newTplTaskAreas.map(ta => ({ + name: ta.name, + description: ta.description, + shifts: (ta.shifts || []).map(s => ({ + title: s.title, + start_time: s.start_time, + end_time: s.end_time, + max_participants: s.max_participants, + required_skill_ids: s.required_skill_ids + })) + })) + } + }; + + await apiFetch('/templates/', { + method: 'POST', + body: JSON.stringify(payload) + }); + + setShowCreateTemplate(false); + setNewTplName(''); + setNewTplDesc(''); + fetchTemplates(); + } catch (err) { + setError(err.message || 'Erstellen der Vorlage fehlgeschlagen.'); + } finally { + setSubmitting(false); + } + }; + + const addTplTaskArea = () => { + setNewTplTaskAreas([ + ...newTplTaskAreas, + { + name: 'Neuer Bereich', + description: '', + shifts: [{ title: 'Schicht 1', start_time: '14:00', end_time: '18:00', max_participants: 2, required_skill_ids: [] }] + } + ]); + }; + + const addTplShift = (taIdx) => { + const updated = [...newTplTaskAreas]; + updated[taIdx].shifts.push({ + title: `Schicht ${updated[taIdx].shifts.length + 1}`, + start_time: '18:00', + end_time: '22:00', + max_participants: 2, + required_skill_ids: [] + }); + setNewTplTaskAreas(updated); + }; + return (
{/* Navigation Header */} @@ -74,19 +155,31 @@ export default function TemplatesPage({ onBack, onInstantiateTemplate }) {
{/* Page Title Panel */} -
-
-
- -
-
-

- Veranstaltungs-Vorlagen Zentrale -

-

- Erstelle neue Veranstaltungen im Handumdrehen aus vorgefertigten Struktur-Vorlagen -

+
+
+
+
+ +
+
+

+ Veranstaltungs-Vorlagen Zentrale +

+

+ Erstelle neue Veranstaltungen mit voreingestellten Schichten und Aufgabenbereichen +

+
+ + {user && ( + + )}
@@ -97,6 +190,171 @@ export default function TemplatesPage({ onBack, onInstantiateTemplate }) {
)} + {/* Creator Form for new Template with Preset Shifts */} + {showCreateTemplate && ( +
+

+ Neue Vorlage mit voreingestellten Schichten anlegen + +

+ +
+
+ + setNewTplName(e.target.value)} + className="w-full px-3.5 py-2 rounded-sm input-field text-sm font-bold" + /> +
+
+ + setNewTplDesc(e.target.value)} + className="w-full px-3.5 py-2 rounded-sm input-field text-xs" + /> +
+
+ + {/* Task Areas & Preset Shifts Builder */} +
+ {newTplTaskAreas.map((ta, taIdx) => ( +
+
+ { + const updated = [...newTplTaskAreas]; + updated[taIdx].name = e.target.value; + setNewTplTaskAreas(updated); + }} + className="flex-1 px-3 py-1 rounded-sm input-field text-xs font-bold" + /> + +
+ +
+
+ Voreingestellte Schichten + +
+ + {ta.shifts.map((sh, sIdx) => ( +
+ { + const updated = [...newTplTaskAreas]; + updated[taIdx].shifts[sIdx].title = e.target.value; + setNewTplTaskAreas(updated); + }} + className="sm:col-span-4 px-2 py-1 rounded-sm input-field text-xs" + /> + { + const updated = [...newTplTaskAreas]; + updated[taIdx].shifts[sIdx].start_time = e.target.value; + setNewTplTaskAreas(updated); + }} + className="sm:col-span-2 px-2 py-1 rounded-sm input-field text-xs" + /> + { + const updated = [...newTplTaskAreas]; + updated[taIdx].shifts[sIdx].end_time = e.target.value; + setNewTplTaskAreas(updated); + }} + className="sm:col-span-2 px-2 py-1 rounded-sm input-field text-xs" + /> +
+ Plätze: + { + const updated = [...newTplTaskAreas]; + updated[taIdx].shifts[sIdx].max_participants = parseInt(e.target.value) || 1; + setNewTplTaskAreas(updated); + }} + className="w-full px-2 py-1 rounded-sm input-field text-xs font-bold" + /> +
+ +
+ ))} +
+
+ ))} +
+ +
+ + +
+
+ )} + {/* Templates Grid */}

Verfügbare Vorlagen

@@ -105,7 +363,7 @@ export default function TemplatesPage({ onBack, onInstantiateTemplate }) {
Lade Vorlagen...
) : templates.length === 0 ? (
- [ Noch keine Vorlagen gespeichert. Du kannst in der Admin-Zentrale Vorlagen anlegen. ] + [ Noch keine Vorlagen gespeichert. Klicke oben auf "Neue Vorlage Erstellen" um Vorlagen mit voreingestellten Schichten anzulegen. ]
) : (
@@ -113,7 +371,7 @@ export default function TemplatesPage({ onBack, onInstantiateTemplate }) {
handleSelectTemplate(tpl)} - className={`hallmark-panel p-5 rounded-sm border cursor-pointer transition space-y-2 ${ + className={`hallmark-panel p-5 rounded-sm border cursor-pointer transition space-y-3 ${ selectedTemplate?.id === tpl.id ? 'bg-indigo-500/10 border-indigo-500 shadow-md' : 'bg-surface border-grid hover:border-muted' @@ -127,7 +385,33 @@ export default function TemplatesPage({ onBack, onInstantiateTemplate }) { )}
+ {tpl.description &&

{tpl.description}

} + + {/* Render Preset Task Areas & Preset Shifts */} + {tpl.template_data?.task_areas && tpl.template_data.task_areas.length > 0 && ( +
+
📌 Voreingestellte Schichten:
+ {tpl.template_data.task_areas.map((ta, idx) => ( +
+
+ {ta.name} + {ta.shifts?.length || 0} Schichten +
+
+ {(ta.shifts || []).map((sh, sIdx) => ( + + + {sh.title} + ({sh.start_time}-{sh.end_time}, {sh.max_participants} Plätze) + + ))} +
+
+ ))} +
+ )} +
Erstellt von: {tpl.created_by_name || 'Admin'} Klick zum Auswählen @@ -153,7 +437,7 @@ export default function TemplatesPage({ onBack, onInstantiateTemplate }) { required value={title} onChange={(e) => setTitle(e.target.value)} - className="w-full px-3.5 py-2 rounded-sm input-field text-sm" + className="w-full px-3.5 py-2 rounded-sm input-field text-sm font-bold" />