fixed login form height

b0esche_cloud/lib/pages/home_page.dart

@@ -29,6 +29,7 @@ class _HomePageState extends State<HomePage> with TickerProviderStateMixin {
   late String _selectedTab = 'Drive';
   late AnimationController _animationController;
   bool _isSignupMode = false;
+  bool _usePasswordMode = false;
 
   @override
   void initState() {
@@ -55,6 +56,10 @@ class _HomePageState extends State<HomePage> with TickerProviderStateMixin {
     }
   }
 
+  void _setPasswordMode(bool usePassword) {
+    setState(() => _usePasswordMode = usePassword);
+  }
+
   void _showCreateOrgDialog(BuildContext context) {
     final controller = TextEditingController();
     showDialog(
@@ -289,7 +294,9 @@ class _HomePageState extends State<HomePage> with TickerProviderStateMixin {
                         : 340,
                     height: isLoggedIn
                         ? MediaQuery.of(context).size.height * 0.9
-                        : (_isSignupMode ? 400 : 280),
+                        : (_isSignupMode
+                              ? 400
+                              : (_usePasswordMode ? 350 : 280)),
                     child: ClipRRect(
                       borderRadius: BorderRadius.circular(16),
                       child: BackdropFilter(
@@ -336,7 +343,7 @@ class _HomePageState extends State<HomePage> with TickerProviderStateMixin {
                                               }
                                               return Column(
                                                 children: [
-                                                  const SizedBox(height: 8),
+                                                  const SizedBox(height: 80),
                                                   _buildOrgRow(context),
                                                   Expanded(
                                                     child: _buildDrive(
@@ -351,6 +358,7 @@ class _HomePageState extends State<HomePage> with TickerProviderStateMixin {
                                     )
                                   : LoginForm(
                                       onSignupModeChanged: _setSignupMode,
+                                      onPasswordModeChanged: _setPasswordMode,
                                     ),
                             ),
                             // Top-left radial glow - primary accent light

b0esche_cloud/lib/pages/login_form.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:go_router/go_router.dart';
 import 'dart:math';
+import 'dart:convert';
 import '../blocs/auth/auth_bloc.dart';
 import '../blocs/auth/auth_event.dart';
 import '../blocs/auth/auth_state.dart';
@@ -12,8 +13,13 @@ import '../theme/modern_glass_button.dart';
 
 class LoginForm extends StatefulWidget {
   final ValueChanged<bool>? onSignupModeChanged;
+  final ValueChanged<bool>? onPasswordModeChanged;
 
-  const LoginForm({super.key, this.onSignupModeChanged});
+  const LoginForm({
+    super.key,
+    this.onSignupModeChanged,
+    this.onPasswordModeChanged,
+  });
 
   @override
   State<LoginForm> createState() => _LoginFormState();
@@ -40,6 +46,12 @@ class _LoginFormState extends State<LoginForm> {
     return values.map((v) => v.toRadixString(16).padLeft(2, '0')).join();
   }
 
+  String _generateRandomBase64(int bytes) {
+    final random = Random();
+    final values = List<int>.generate(bytes, (i) => random.nextInt(256));
+    return base64.encode(values);
+  }
+
   Future<void> _handleAuthentication(
     BuildContext context,
     AuthenticationChallengeReceived state,
@@ -47,7 +59,7 @@ class _LoginFormState extends State<LoginForm> {
     try {
       final credentialId = state.credentialIds.isNotEmpty
           ? state.credentialIds.first
-          : _generateRandomHex(64);
+          : _generateRandomBase64(64);
 
       if (context.mounted) {
         context.read<AuthBloc>().add(
@@ -55,10 +67,10 @@ class _LoginFormState extends State<LoginForm> {
             username: _usernameController.text,
             challenge: state.challenge,
             credentialId: credentialId,
-            authenticatorData: _generateRandomHex(37),
+            authenticatorData: _generateRandomBase64(37),
             clientDataJSON:
                 '{"type":"webauthn.get","challenge":"${state.challenge}","origin":"https://b0esche.cloud"}',
-            signature: _generateRandomHex(128),
+            signature: _generateRandomBase64(128),
           ),
         );
       }
@@ -76,8 +88,8 @@ class _LoginFormState extends State<LoginForm> {
     RegistrationChallengeReceived state,
   ) async {
     try {
-      final credentialId = _generateRandomHex(64);
-      final publicKey = _generateRandomHex(91);
+      final credentialId = _generateRandomBase64(64);
+      final publicKey = _generateRandomBase64(91);
 
       if (context.mounted) {
         context.read<AuthBloc>().add(
@@ -88,7 +100,7 @@ class _LoginFormState extends State<LoginForm> {
             publicKey: publicKey,
             clientDataJSON:
                 '{"type":"webauthn.create","challenge":"${state.challenge}","origin":"https://b0esche.cloud"}',
-            attestationObject: _generateRandomHex(128),
+            attestationObject: _generateRandomBase64(128),
           ),
         );
       }
@@ -133,13 +145,16 @@ class _LoginFormState extends State<LoginForm> {
       child: Center(
         child: Padding(
           padding: const EdgeInsets.all(16.0),
+          child: AnimatedSize(
+            duration: const Duration(milliseconds: 300),
+            curve: Curves.easeInOut,
             child: AnimatedSwitcher(
               duration: const Duration(milliseconds: 400),
               transitionBuilder: (child, animation) {
                 return FadeTransition(opacity: animation, child: child);
               },
               child: SingleChildScrollView(
-              key: ValueKey<bool>(_isSignup),
+                key: ValueKey('${_isSignup}_$_usePasskey'),
                 child: Column(
                   mainAxisSize: MainAxisSize.min,
                   crossAxisAlignment: CrossAxisAlignment.center,
@@ -154,7 +169,9 @@ class _LoginFormState extends State<LoginForm> {
                     const SizedBox(height: 24),
                     Container(
                       decoration: BoxDecoration(
-                      color: AppTheme.primaryBackground.withValues(alpha: 0.5),
+                        color: AppTheme.primaryBackground.withValues(
+                          alpha: 0.5,
+                        ),
                         borderRadius: BorderRadius.circular(16),
                         border: Border.all(
                           color: AppTheme.accentColor.withValues(alpha: 0.3),
@@ -347,8 +364,12 @@ class _LoginFormState extends State<LoginForm> {
                             mainAxisAlignment: MainAxisAlignment.center,
                             children: [
                               GestureDetector(
-                              onTap: () =>
-                                  setState(() => _usePasskey = !_usePasskey),
+                                onTap: () {
+                                  setState(() => _usePasskey = !_usePasskey);
+                                  widget.onPasswordModeChanged?.call(
+                                    !_usePasskey,
+                                  );
+                                },
                                 child: Text(
                                   _usePasskey ? 'use password' : 'use passkey',
                                   style: TextStyle(
@@ -392,6 +413,7 @@ class _LoginFormState extends State<LoginForm> {
             ),
           ),
         ),
+      ),
     );
   }
 }

b0esche_cloud/lib/pages/signup_form.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:go_router/go_router.dart';
 import 'dart:math';
+import 'dart:convert';
 import '../blocs/auth/auth_bloc.dart';
 import '../blocs/auth/auth_event.dart';
 import '../blocs/auth/auth_state.dart';
@@ -34,6 +35,12 @@ class _SignupFormState extends State<SignupForm> {
     return values.map((v) => v.toRadixString(16).padLeft(2, '0')).join();
   }
 
+  String _generateRandomBase64(int bytes) {
+    final random = Random();
+    final values = List<int>.generate(bytes, (i) => random.nextInt(256));
+    return base64.encode(values);
+  }
+
   Future<void> _handleRegistration(
     BuildContext context,
     RegistrationChallengeReceived state,
@@ -41,8 +48,8 @@ class _SignupFormState extends State<SignupForm> {
     try {
       // Simulate WebAuthn registration by generating fake credential data
       // In a real implementation, this would call native WebAuthn APIs
-      final credentialId = _generateRandomHex(64);
-      final publicKey = _generateRandomHex(91); // EC2 public key size
+      final credentialId = _generateRandomBase64(64);
+      final publicKey = _generateRandomBase64(91); // EC2 public key size
 
       if (context.mounted) {
         context.read<AuthBloc>().add(
@@ -53,7 +60,7 @@ class _SignupFormState extends State<SignupForm> {
             publicKey: publicKey,
             clientDataJSON:
                 '{"type":"webauthn.create","challenge":"${state.challenge}","origin":"https://b0esche.cloud"}',
-            attestationObject: _generateRandomHex(128),
+            attestationObject: _generateRandomBase64(128),
           ),
         );
       }