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/zns-import-feature/src/jvmMain/kotlin/at/mocode/frontend/features/zns/import/presentation/StammdatenImportScreen.kt

@@ -4,7 +4,9 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.verticalScroll
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.automirrored.filled.ArrowBack
 import androidx.compose.material.icons.filled.*
@@ -14,14 +16,9 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.text.font.FontFamily
 import androidx.compose.ui.unit.dp
+import at.mocode.frontend.core.designsystem.components.MsFilePicker
 import at.mocode.frontend.features.zns.import.ZnsImportViewModel
 import org.koin.compose.viewmodel.koinViewModel
-import javax.swing.JFileChooser
-import javax.swing.filechooser.FileNameExtensionFilter
-
-import androidx.compose.foundation.rememberScrollState
-import androidx.compose.foundation.verticalScroll
-
 import java.io.File
 
 @Composable
@@ -53,36 +50,40 @@ fun StammdatenImportScreen(
     // Datei-Auswahl
     Card(modifier = Modifier.fillMaxWidth()) {
       Column(modifier = Modifier.padding(16.dp), verticalArrangement = Arrangement.spacedBy(12.dp)) {
-        Text("Datei auswählen", style = MaterialTheme.typography.titleMedium)
-        Row(
-          verticalAlignment = Alignment.CenterVertically,
-          horizontalArrangement = Arrangement.spacedBy(8.dp),
-          modifier = Modifier.fillMaxWidth(),
-        ) {
-          OutlinedTextField(
-            value = state.selectedFilePath ?: "",
-            onValueChange = {},
-            readOnly = true,
-            placeholder = { Text("ZNS-Datei auswählen (.zip, .dat)...") },
-            modifier = Modifier.weight(1f),
-            singleLine = true,
-          )
-          Button(
-            onClick = {
-              val chooser = JFileChooser()
-              chooser.dialogTitle = "ZNS-Datei auswählen"
-              chooser.fileFilter = FileNameExtensionFilter("ZNS Dateien (*.zip, *.dat)", "zip", "dat")
-              chooser.isAcceptAllFileFilterUsed = false
-              val result = chooser.showOpenDialog(null)
-              if (result == JFileChooser.APPROVE_OPTION) {
-                viewModel.onFileSelected(chooser.selectedFile.absolutePath)
-              }
-            },
-            enabled = !state.isUploading && !(!state.isFinished && state.jobId != null),
-          ) {
-            Icon(Icons.Default.FolderOpen, contentDescription = null)
-            Spacer(Modifier.width(4.dp))
-            Text("Durchsuchen")
+        Text("ZNS-Datei auswählen", style = MaterialTheme.typography.titleMedium)
+        Text(
+          "Wählen Sie entweder die gesamte ZNS.zip oder eine einzelne .dat Datei (z.B. VEREIN01.dat).",
+          style = MaterialTheme.typography.bodySmall,
+          color = MaterialTheme.colorScheme.onSurfaceVariant
+        )
+
+        MsFilePicker(
+          label = "Pfad zur ZNS-Datei",
+          selectedPath = state.selectedFilePath,
+          onFileSelected = { viewModel.onFileSelected(it) },
+          fileExtensions = listOf("zip", "dat"),
+          enabled = !state.isUploading && !(!state.isFinished && state.jobId != null)
+        )
+
+        if (state.isUploading || (state.jobId != null && !state.isFinished)) {
+          Column(verticalArrangement = Arrangement.spacedBy(4.dp)) {
+            LinearProgressIndicator(
+              progress = { (state.progress / 100f).coerceIn(0f, 1f) },
+              modifier = Modifier.fillMaxWidth(),
+              color = MaterialTheme.colorScheme.primary,
+              trackColor = MaterialTheme.colorScheme.primaryContainer
+            )
+            Text(
+              text = if (state.isUploading) "Datei wird hochgeladen..." else "Import wird verarbeitet... (${state.progress}%)",
+              style = MaterialTheme.typography.labelSmall
+            )
+            if (state.progressDetail.isNotBlank()) {
+              Text(
+                text = state.progressDetail,
+                style = MaterialTheme.typography.labelSmall,
+                color = MaterialTheme.colorScheme.onSurfaceVariant
+              )
+            }
           }
         }