[UI/Settings] Add validation, confirmations and improve UX #287

New issue

Closed

opened 2026-01-25 13:45:58 +00:00 by jack · 0 comments

jack commented

2026-01-25 13:45:58 +00:00

Owner

Seite: Settings

Aktuelle Probleme

Keine Input-Validierung - Kann ungültige Werte eingeben
Keine Confirmation bei kritischen Änderungen (z.B. Database Type ändern)
Restart-Button nur auf Advanced Tab - Sollte global sichtbar sein
API Key Handling - Kein Visibility Toggle für andere Provider

Verbesserungsvorschläge

Input-Validierung
- Port: 1-65535
- Max Workers: 1-100
- Timeout: min 1000ms
- Inline Validation Messages
Confirmation Dialogs
- Bei Database Type Änderung
- Bei Data Directory Änderung
- Bei Remote Backend aktivieren
Global Restart Indicator
- Banner oben: "Settings changed. Restart required."
- Sticky Restart Button
API Key UX
- 👁️ Toggle Visibility für alle Provider
- "Test Connection" Button
- Last validated Timestamp
Settings Search
- Quick-Search über alle Settings
- Jump to Setting
Presets/Profiles
- "Development", "Production" Presets
- Export/Import Settings
Undo Changes
- "Discard Changes" Button
- "Reset to Defaults" per Section

Viewport-spezifisch

⚠️ Mobile: Tabs sind eng
✅ Tablet: OK
✅ Desktop: OK

Priorität

Mittel - Validierung wichtig für Stabilität

## Seite: Settings ### Aktuelle Probleme 1. **Keine Input-Validierung** - Kann ungültige Werte eingeben 2. **Keine Confirmation bei kritischen Änderungen** (z.B. Database Type ändern) 3. **Restart-Button nur auf Advanced Tab** - Sollte global sichtbar sein 4. **API Key Handling** - Kein Visibility Toggle für andere Provider ### Verbesserungsvorschläge 1. **Input-Validierung** - Port: 1-65535 - Max Workers: 1-100 - Timeout: min 1000ms - Inline Validation Messages 2. **Confirmation Dialogs** - Bei Database Type Änderung - Bei Data Directory Änderung - Bei Remote Backend aktivieren 3. **Global Restart Indicator** - Banner oben: "Settings changed. Restart required." - Sticky Restart Button 4. **API Key UX** - 👁️ Toggle Visibility für alle Provider - "Test Connection" Button - Last validated Timestamp 5. **Settings Search** - Quick-Search über alle Settings - Jump to Setting 6. **Presets/Profiles** - "Development", "Production" Presets - Export/Import Settings 7. **Undo Changes** - "Discard Changes" Button - "Reset to Defaults" per Section ### Viewport-spezifisch - ⚠️ Mobile: Tabs sind eng - ✅ Tablet: OK - ✅ Desktop: OK ### Priorität Mittel - Validierung wichtig für Stabilität

ui-settings-general.png

105 KiB