fix: TypeScript errors & build fixes for Control Panel Redesign

- Fix unused imports (Trash, Filter, Bell, CategoryAdvanced)
- Fix undefined checks for cleanup settings
- Fix cleanupPreview undefined checks
- Fix useTheme unused parameter
- Fix companyLabels type safety
- Build erfolgreich durchgefuehrt

COMMIT_COMMANDS.txt

@@ -2,5 +2,12 @@ Führe diese Befehle in deinem Git Bash oder Terminal aus:
 
 cd c:\Users\User\Documents\GitHub\ANDJJJJJJ
 git add .
-git commit -m "feat: Control Panel Redesign v2.0 - Card-basiertes Layout, Side Panels, Dark Mode Fixes, Volle Breite Layout"
+git commit -m "fix: TypeScript errors & build fixes for Control Panel Redesign
+
+- Fix unused imports (Trash, Filter, Bell, CategoryAdvanced)
+- Fix undefined checks for cleanup settings
+- Fix cleanupPreview undefined checks
+- Fix useTheme unused parameter
+- Fix companyLabels type safety
+- Build erfolgreich durchgeführt"
 git push

DEPLOYMENT_INSTRUCTIONS.md

@@ -0,0 +1,51 @@
+# Deployment-Anleitung
+
+## Status
+✅ **Build erfolgreich erstellt** - `client/dist` ist bereit für Deployment
+
+## Git Commit & Push
+Da Git nicht automatisch gefunden werden kann, führe bitte diese Befehle manuell aus:
+
+```bash
+cd c:\Users\User\Documents\GitHub\ANDJJJJJJ
+git add .
+git commit -m "fix: TypeScript errors & build fixes for Control Panel Redesign
+
+- Fix unused imports (Trash, Filter, Bell, CategoryAdvanced)
+- Fix undefined checks for cleanup settings
+- Fix cleanupPreview undefined checks
+- Fix useTheme unused parameter
+- Fix companyLabels type safety
+- Build erfolgreich durchgeführt"
+git push
+```
+
+## Deployment des Builds
+
+### Option 1: Manuelles Upload
+1. Öffne den Ordner: `c:\Users\User\Documents\GitHub\ANDJJJJJJ\client\dist`
+2. Kopiere alle Dateien aus diesem Ordner
+3. Lade sie auf deinen Web-Server hoch (z.B. via FTP/SFTP zu `emailsorter.webklar.com`)
+
+### Option 2: SSH/SCP (falls verfügbar)
+```bash
+scp -r client/dist/* user@webklar.com:/path/to/webserver/emailsorter/
+```
+
+### Option 3: GitHub Actions / CI/CD
+Falls du CI/CD eingerichtet hast, sollte der Push automatisch deployen.
+
+## Nach dem Deployment
+1. Leere den Browser-Cache (Strg+Shift+R)
+2. Prüfe die Website: https://emailsorter.webklar.com
+3. Teste die neuen Features:
+   - Control Panel mit Card-Layout
+   - Side Panels für Category Configuration
+   - Cleanup Tab mit Slidern
+   - Labels Tab mit Tabelle
+   - Dark Mode Verbesserungen
+
+## Wichtige Hinweise
+- Stelle sicher, dass `.env.production` die richtigen Production-URLs hat
+- Backend-Server muss laufen
+- Appwrite CORS muss für `https://emailsorter.webklar.com` konfiguriert sein

FINAL_COMMIT.bat

@@ -0,0 +1,62 @@
+@echo off
+REM Finaler Commit und Push - Führe dieses Skript als Administrator aus
+
+cd /d "%~dp0"
+
+echo ========================================
+echo Git Commit und Push
+echo ========================================
+echo.
+
+REM Versuche Git zu finden
+set GIT_PATH=
+if exist "C:\Program Files\Git\cmd\git.exe" set GIT_PATH=C:\Program Files\Git\cmd\git.exe
+if exist "C:\Program Files (x86)\Git\cmd\git.exe" set GIT_PATH=C:\Program Files (x86)\Git\cmd\git.exe
+if exist "%LOCALAPPDATA%\Programs\Git\cmd\git.exe" set GIT_PATH=%LOCALAPPDATA%\Programs\Git\cmd\git.exe
+
+if "%GIT_PATH%"=="" (
+    echo Git wurde nicht gefunden!
+    echo.
+    echo Bitte führe diese Befehle manuell in Git Bash aus:
+    echo cd c:\Users\User\Documents\GitHub\ANDJJJJJJ
+    echo git add .
+    echo git commit -m "fix: TypeScript errors & build fixes for Control Panel Redesign"
+    echo git push
+    pause
+    exit /b 1
+)
+
+echo Git gefunden: %GIT_PATH%
+echo.
+
+echo [1/3] Staging aller Aenderungen...
+"%GIT_PATH%" add .
+if errorlevel 1 (
+    echo Fehler beim Staging!
+    pause
+    exit /b 1
+)
+
+echo [2/3] Erstelle Commit...
+"%GIT_PATH%" commit -m "fix: TypeScript errors & build fixes for Control Panel Redesign" -m "- Fix unused imports (Trash, Filter, Bell, CategoryAdvanced)" -m "- Fix undefined checks for cleanup settings" -m "- Fix cleanupPreview undefined checks" -m "- Fix useTheme unused parameter" -m "- Fix companyLabels type safety" -m "- Build erfolgreich durchgefuehrt"
+if errorlevel 1 (
+    echo Fehler beim Commit!
+    pause
+    exit /b 1
+)
+
+echo [3/3] Pushe Aenderungen...
+"%GIT_PATH%" push
+if errorlevel 1 (
+    echo Fehler beim Push!
+    pause
+    exit /b 1
+)
+
+echo.
+echo ========================================
+echo Erfolgreich committed und gepusht!
+echo ========================================
+echo.
+echo Naechster Schritt: Deploye client/dist auf den Server
+pause

client/src/hooks/useTheme.ts

@@ -98,7 +98,7 @@ export function useTheme() {
 
     // Listen for system preference changes
     const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
-    const handleSystemPreferenceChange = (e: MediaQueryListEvent) => {
+    const handleSystemPreferenceChange = () => {
       updateTheme()
     }
 

client/src/pages/Settings.tsx

@@ -39,9 +39,7 @@ import {
   Lock,
   Copy,
   AlertTriangle,
-  Trash,
   Search,
-  Filter,
   Download,
   Upload,
   ChevronDown,
@@ -52,12 +50,11 @@ import {
   Camera,
   Globe,
   Clock,
-  Bell,
   Palette,
   Save,
   Edit2,
 } from 'lucide-react'
-import type { AIControlSettings, CompanyLabel, CategoryInfo, CategoryAdvanced, CleanupStatus } from '@/types/settings'
+import type { AIControlSettings, CompanyLabel, CategoryInfo, CleanupStatus } from '@/types/settings'
 import { PrivacySecurity } from '@/components/PrivacySecurity'
 
 type TabType = 'profile' | 'accounts' | 'vip' | 'ai-control' | 'subscription' | 'privacy' | 'referrals'
@@ -141,7 +138,6 @@ export function Settings() {
   })
   const [categories, setCategories] = useState<CategoryInfo[]>([])
   const [companyLabels, setCompanyLabels] = useState<CompanyLabel[]>([])
-  const [newCompanyLabel, setNewCompanyLabel] = useState({ name: '', condition: '', category: 'promotions' })
   const [referralData, setReferralData] = useState<{ referralCode: string; referralCount: number } | null>(null)
   const [loadingReferral, setLoadingReferral] = useState(false)
   
@@ -1357,7 +1353,7 @@ export function Settings() {
                                     },
                                   })
                                 }}
-                                className={`w-12 h-6 rounded-full transition-colors flex-shrink-0 ${aiControlSettings.cleanup?.promotions.enabled ? 'bg-primary-500 dark:bg-primary-600' : 'bg-slate-300 dark:bg-slate-600'}`}
+                                    className={`w-12 h-6 rounded-full transition-colors flex-shrink-0 ${aiControlSettings.cleanup?.promotions?.enabled ? 'bg-primary-500 dark:bg-primary-600' : 'bg-slate-300 dark:bg-slate-600'}`}
                               >
                                 <div className={`w-5 h-5 bg-white dark:bg-slate-200 rounded-full transform transition-transform mx-0.5 ${
                                   aiControlSettings.cleanup?.promotions.enabled ? 'translate-x-6' : 'translate-x-0'
@@ -1402,7 +1398,7 @@ export function Settings() {
                                     {[7, 14, 30].map((days) => (
                                       <Button
                                         key={days}
-                                        variant={aiControlSettings.cleanup.promotions.deleteAfterDays === days ? 'default' : 'outline'}
+                                        variant={aiControlSettings.cleanup?.promotions.deleteAfterDays === days ? 'default' : 'outline'}
                                         size="sm"
                                         onClick={() => {
                                           if (!aiControlSettings.cleanup) return
@@ -1475,7 +1471,7 @@ export function Settings() {
                                           })
                                         }}
                                         className={`px-3 py-1.5 rounded-lg text-sm font-medium transition-colors flex items-center gap-2 ${
-                                          aiControlSettings.cleanup.promotions.matchCategoriesOrLabels.includes(category.key)
+                                          aiControlSettings.cleanup?.promotions?.matchCategoriesOrLabels?.includes(category.key)
                                             ? 'bg-primary-100 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300 border border-primary-300 dark:border-primary-700'
                                             : 'bg-slate-100 dark:bg-slate-800 text-slate-700 dark:text-slate-300 border border-slate-300 dark:border-slate-600 hover:bg-slate-200 dark:hover:bg-slate-700'
                                         }`}
@@ -1505,7 +1501,7 @@ export function Settings() {
                         </Card>
 
                         {/* Preview Section */}
-                        {(cleanupPreview.length > 0 || cleanupStatus) && (
+                        {((cleanupPreview && cleanupPreview.length > 0) || cleanupStatus) && (
                           <Card className="border-slate-200 dark:border-slate-700">
                             <CardContent className="p-6">
                               <div className="flex items-center justify-between mb-4">
@@ -1515,7 +1511,7 @@ export function Settings() {
                                     Preview
                                   </h3>
                                   <p className="text-sm text-slate-600 dark:text-slate-400">
-                                    {cleanupPreview.length > 0 
+                                    {(cleanupPreview && cleanupPreview.length > 0)
                                       ? `${cleanupPreview.length} emails affected in the last 7 days`
                                       : cleanupStatus?.lastRun 
                                         ? `Last run: ${new Date(cleanupStatus.lastRun).toLocaleDateString()}`
@@ -1532,7 +1528,7 @@ export function Settings() {
                                   Refresh
                                 </Button>
                               </div>
-                              {cleanupPreview.length > 0 && (
+                              {cleanupPreview && cleanupPreview.length > 0 && (
                                 <div className="space-y-2 max-h-64 overflow-y-auto">
                                   {cleanupPreview.slice(0, 10).map((item) => (
                                     <div key={item.id} className="p-3 rounded-lg border border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-800/50">
@@ -2064,7 +2060,7 @@ export function Settings() {
                                 const saved = await api.saveCompanyLabel(user.$id, editingLabel)
                                 if (saved.data) {
                                   if (editingLabel.id) {
-                                    setCompanyLabels(companyLabels.map(l => l.id === editingLabel.id ? saved.data : l))
+                                    setCompanyLabels(companyLabels.map(l => l.id === editingLabel.id ? (saved.data || l) : l))
                                     showMessage('success', 'Label updated!')
                                   } else {
                                     setCompanyLabels([...companyLabels, saved.data])

deploy-build.js

@@ -0,0 +1,31 @@
+// Node.js Script zum Ausführen von Git-Befehlen
+const { execSync } = require('child_process');
+const fs = require('fs');
+const path = require('path');
+
+const projectRoot = __dirname;
+
+try {
+  console.log('📦 Staging aller Änderungen...');
+  execSync('git add .', { cwd: projectRoot, stdio: 'inherit' });
+  
+  console.log('💾 Erstelle Commit...');
+  const commitMessage = `fix: TypeScript errors & build fixes for Control Panel Redesign
+
+- Fix unused imports (Trash, Filter, Bell, CategoryAdvanced)
+- Fix undefined checks for cleanup settings
+- Fix cleanupPreview undefined checks
+- Fix useTheme unused parameter
+- Fix companyLabels type safety
+- Build erfolgreich durchgeführt`;
+  
+  execSync(`git commit -m "${commitMessage.replace(/"/g, '\\"')}"`, { cwd: projectRoot, stdio: 'inherit' });
+  
+  console.log('🚀 Pushe Änderungen...');
+  execSync('git push', { cwd: projectRoot, stdio: 'inherit' });
+  
+  console.log('\n✅ Erfolgreich committed und gepusht!');
+} catch (error) {
+  console.error('❌ Fehler:', error.message);
+  process.exit(1);
+}

git-commit-fix.bat

@@ -0,0 +1,17 @@
+@echo off
+REM Git Commit Script für TypeScript Fixes
+
+cd /d c:\Users\User\Documents\GitHub\ANDJJJJJJ
+
+echo Staging aller Aenderungen...
+git add .
+
+echo Erstelle Commit...
+git commit -m "fix: TypeScript errors & build fixes for Control Panel Redesign" -m "- Fix unused imports (Trash, Filter, Bell, CategoryAdvanced)" -m "- Fix undefined checks for cleanup settings" -m "- Fix cleanupPreview undefined checks" -m "- Fix useTheme unused parameter" -m "- Fix companyLabels type safety" -m "- Build erfolgreich durchgefuehrt"
+
+echo Pushe Aenderungen...
+git push
+
+echo.
+echo Erfolgreich committed und gepusht!
+pause