chore: implementiere MsFilePicker-Komponente, ersetze veraltete Input-Felder in Geräteneukonfiguration und ZNS-Importer, verbessere Vereinskarten-Darstellung und Detail-UX, behebe Tippfehler in settings.json

frontend/features/device-initialization/src/jvmMain/kotlin/at/mocode/frontend/features/device/initialization/presentation/DeviceInitializationConfig.jvm.kt

@@ -4,11 +4,9 @@ package at.mocode.frontend.features.device.initialization.presentation
 
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.text.KeyboardActions
-import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.filled.Add
 import androidx.compose.material.icons.filled.Delete
-import androidx.compose.material.icons.outlined.FolderOpen
 import androidx.compose.material.icons.outlined.Visibility
 import androidx.compose.material.icons.outlined.VisibilityOff
 import androidx.compose.material3.*
@@ -31,11 +29,10 @@ import androidx.compose.ui.text.input.PasswordVisualTransformation
 import androidx.compose.ui.text.input.VisualTransformation
 import androidx.compose.ui.unit.dp
 import at.mocode.frontend.core.designsystem.components.MsEnumDropdown
+import at.mocode.frontend.core.designsystem.components.MsFilePicker
+import at.mocode.frontend.core.designsystem.components.MsTextField
 import at.mocode.frontend.features.device.initialization.domain.DeviceInitializationValidator
 import at.mocode.frontend.features.device.initialization.domain.model.NetworkRole
-import java.io.File
-import javax.swing.JFileChooser
-import javax.swing.UIManager
 
 @Composable
 actual fun DeviceInitializationConfig(
@@ -54,35 +51,28 @@ actual fun DeviceInitializationConfig(
     Column(Modifier.padding(16.dp), verticalArrangement = Arrangement.spacedBy(16.dp)) {
       Text("⚙️ Geräte-Konfiguration (${settings.networkRole})", style = MaterialTheme.typography.titleMedium)
 
-      MsSettingsField(
+      MsTextField(
         value = settings.deviceName,
         onValueChange = { viewModel.updateSettings { s -> s.copy(deviceName = it) } },
         label = "Gerätename",
         placeholder = "z.B. Meldestelle-PC-1",
         isError = settings.deviceName.isNotEmpty() && !DeviceInitializationValidator.isNameValid(settings.deviceName),
-        errorText = "Mindestens ${DeviceInitializationValidator.MIN_NAME_LENGTH} Zeichen erforderlich.",
-        keyboardOptions = KeyboardOptions(imeAction = ImeAction.Next),
+        errorMessage = "Mindestens ${DeviceInitializationValidator.MIN_NAME_LENGTH} Zeichen erforderlich.",
+        imeAction = ImeAction.Next,
         keyboardActions = KeyboardActions(onNext = { focusManager.moveFocus(FocusDirection.Next) }),
-        modifier = Modifier.focusRequester(deviceNameFocus).onKeyEvent {
-          if (it.key == Key.Enter && it.type == KeyEventType.KeyUp) {
-            focusManager.moveFocus(FocusDirection.Next)
-            true
-          } else false
-        }
+        modifier = Modifier.focusRequester(deviceNameFocus)
       )
 
       var passwordVisible by remember { mutableStateOf(false) }
-      MsSettingsField(
+      MsTextField(
         value = settings.sharedKey,
         onValueChange = { viewModel.updateSettings { s -> s.copy(sharedKey = it) } },
         label = "Sicherheitsschlüssel (Sync-Key)",
         placeholder = "Mindestens 8 Zeichen",
         isError = settings.sharedKey.isNotEmpty() && !DeviceInitializationValidator.isKeyValid(settings.sharedKey),
-        errorText = "Mindestens ${DeviceInitializationValidator.MIN_KEY_LENGTH} Zeichen erforderlich.",
+        errorMessage = "Mindestens ${DeviceInitializationValidator.MIN_KEY_LENGTH} Zeichen erforderlich.",
         visualTransformation = if (passwordVisible) VisualTransformation.None else PasswordVisualTransformation(),
-        keyboardOptions = KeyboardOptions(
-          imeAction = if (settings.networkRole == NetworkRole.MASTER) ImeAction.Next else ImeAction.Done
-        ),
+        imeAction = if (settings.networkRole == NetworkRole.MASTER) ImeAction.Next else ImeAction.Done,
         keyboardActions = KeyboardActions(
           onNext = { focusManager.moveFocus(FocusDirection.Next) },
           onDone = {
@@ -93,53 +83,20 @@ actual fun DeviceInitializationConfig(
             }
           }
         ),
-        modifier = Modifier.focusRequester(sharedKeyFocus).onKeyEvent {
-          if (it.key == Key.Enter && it.type == KeyEventType.KeyUp) {
-            if (settings.networkRole == NetworkRole.MASTER) {
-              focusManager.moveFocus(FocusDirection.Next)
-            } else if (DeviceInitializationValidator.canContinue(settings)) {
-              viewModel.completeInitialization()
-            }
-            true
-          } else false
-        },
-        trailingIcon = {
-          IconButton(onClick = { passwordVisible = !passwordVisible }) {
-            Icon(
-              imageVector = if (passwordVisible) Icons.Outlined.VisibilityOff else Icons.Outlined.Visibility,
-              contentDescription = if (passwordVisible) "Verbergen" else "Anzeigen"
-            )
-          }
-        }
+        modifier = Modifier.focusRequester(sharedKeyFocus),
+        trailingIcon = if (passwordVisible) Icons.Outlined.VisibilityOff else Icons.Outlined.Visibility,
+        onTrailingIconClick = { passwordVisible = !passwordVisible }
       )
 
       if (settings.networkRole == NetworkRole.MASTER) {
-        OutlinedTextField(
-          value = settings.backupPath,
-          onValueChange = { viewModel.updateSettings { s -> s.copy(backupPath = it) } },
-          label = { Text("Backup-Verzeichnis (Pfad)") },
-          placeholder = { Text("/pfad/zu/den/backups") },
-          modifier = Modifier.fillMaxWidth().focusRequester(backupPathFocus).onKeyEvent {
-            if (it.key == Key.Enter && it.type == KeyEventType.KeyUp) {
-              focusManager.moveFocus(FocusDirection.Next)
-              true
-            } else false
+        MsFilePicker(
+          label = "Backup-Verzeichnis (Pfad)",
+          selectedPath = settings.backupPath,
+          onFileSelected = { selectedPath ->
+            viewModel.updateSettings { s -> s.copy(backupPath = selectedPath) }
           },
-          singleLine = true,
-          keyboardOptions = KeyboardOptions(imeAction = ImeAction.Next),
-          keyboardActions = KeyboardActions(
-            onNext = { focusManager.moveFocus(FocusDirection.Next) }
-          ),
-          trailingIcon = {
-            IconButton(onClick = {
-              selectBackupPath(settings.backupPath) { selectedPath ->
-                viewModel.updateSettings { s -> s.copy(backupPath = selectedPath) }
-              }
-            }) {
-              Icon(Icons.Outlined.FolderOpen, contentDescription = "Verzeichnis wählen")
-            }
-          },
-          isError = settings.backupPath.isNotEmpty() && !DeviceInitializationValidator.isBackupPathValid(settings.backupPath)
+          directoryOnly = true,
+          modifier = Modifier.focusRequester(backupPathFocus)
         )
 
         Text("Sync-Intervall: ${settings.syncInterval} Min.", style = MaterialTheme.typography.labelMedium)
@@ -313,12 +270,12 @@ private fun ClientEntryRow(
     verticalAlignment = Alignment.CenterVertically,
     horizontalArrangement = Arrangement.spacedBy(8.dp)
   ) {
-    OutlinedTextField(
+    MsTextField(
       value = name,
       onValueChange = onNameChange,
-      label = { Text("Gerätename des Clients") },
+      label = "Gerätename des Clients",
       modifier = Modifier.weight(1f).focusRequester(clientNameFocus),
-      keyboardOptions = KeyboardOptions(imeAction = ImeAction.Next),
+      imeAction = ImeAction.Next,
       keyboardActions = KeyboardActions(onNext = { focusManager.moveFocus(FocusDirection.Next) })
     )
 
@@ -338,58 +295,3 @@ private fun ClientEntryRow(
     )
   }
 }
-
-@Composable
-private fun MsSettingsField(
-  value: String,
-  onValueChange: (String) -> Unit,
-  label: String,
-  placeholder: String,
-  isError: Boolean,
-  errorText: String,
-  modifier: Modifier = Modifier,
-  visualTransformation: VisualTransformation = VisualTransformation.None,
-  keyboardOptions: KeyboardOptions = KeyboardOptions.Default,
-  keyboardActions: KeyboardActions = KeyboardActions.Default,
-  trailingIcon: @Composable (() -> Unit)? = null
-) {
-  OutlinedTextField(
-    value = value,
-    onValueChange = onValueChange,
-    label = { Text(label) },
-    placeholder = { Text(placeholder) },
-    modifier = modifier.fillMaxWidth(),
-    isError = isError,
-    visualTransformation = visualTransformation,
-    keyboardOptions = keyboardOptions,
-    keyboardActions = keyboardActions,
-    trailingIcon = trailingIcon,
-    supportingText = {
-      if (isError) {
-        Text(errorText)
-      }
-    }
-  )
-}
-
-private fun selectBackupPath(currentPath: String, onPathSelected: (String) -> Unit) {
-  try {
-    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName())
-    val chooser = JFileChooser().apply {
-      fileSelectionMode = JFileChooser.DIRECTORIES_ONLY
-      dialogTitle = "Backup-Verzeichnis wählen"
-      if (currentPath.isNotEmpty()) {
-        val currentDir = File(currentPath)
-        if (currentDir.exists()) currentDirectory = currentDir
-      }
-    }
-    val result = chooser.showOpenDialog(null)
-    if (result == JFileChooser.APPROVE_OPTION) {
-      val selectedPath = chooser.selectedFile.absolutePath
-      onPathSelected(selectedPath)
-      println("[DeviceInit] Backup-Verzeichnis gewählt: $selectedPath")
-    }
-  } catch (e: Exception) {
-    println("[DeviceInit] [Error] Fehler beim Öffnen des Verzeichnis-Wählers: ${e.message}")
-  }
-}