Phase 0 Complete: Tasks 0.7-0.20

- 0.7: UI-Design-Richtlinien (docs/ui-design-guidelines.md, 535 lines)
- 0.8: Theme-Customization Backend (4 theme fields, migration 0023)
- 0.9: Theme-Customization Frontend (SettingsTheme.tsx, themeStore.ts, live preview)
- 0.10: RBAC-Audit (4 plugins secured, 53 routes with require_permission)
- 0.11: LiteLLM-Cleanup (llm_client.py migrated from httpx to litellm)
- 0.12: KI-Agent-Framework docs (plugin-development-guide.md, agent_capabilities field)
- 0.13: Heartbeat configurable (ProactiveSettings, migration 0024, frontend UI)
- 0.14: Unified Search Field-Level RBAC (resolve_permissions + filter_fields_by_permission)
- 0.15: Undo/History-System (EntityHistory model, service, routes, migration 0025, HistoryViewer)
- 0.16: Storage Backend (LocalStorage + S3Storage, DMS/attachments/mail updated)
- 0.17: Import/Export unified Contact fields (firstname, surname, email_1, phone_1)
- 0.18: .gitignore & Config-Cleanup (webui→frontend, python-jose removed, .env untracked)
- 0.19: Mail-Salt Security-Fix (per-account random salt, migration 0026)
- 0.20: AGPL replaced (PyMuPDF→pypdf, OnlyOffice→Collabora, LICENSE + THIRD_PARTY_LICENSES.md)

frontend/src/pages/ProactiveAISettings.tsx

@@ -152,6 +152,67 @@ export function ProactiveAISettings() {
           ))}
         </select>
       </div>
+
+      {/* Heartbeat Configuration */}
+      <div className="p-4 bg-white rounded-lg border border-gray-200">
+        <div className="flex items-center justify-between mb-3">
+          <div>
+            <h3 className="font-semibold text-gray-800">Heartbeat</h3>
+            <p className="text-sm text-gray-500">Regelmäßige Status-Meldung an KI-Raum</p>
+          </div>
+          <button
+            onClick={() => update({ heartbeat_enabled: !settings.heartbeat_enabled })}
+            className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${
+              settings.heartbeat_enabled ? 'bg-blue-500' : 'bg-gray-300'
+            }`}
+            role="switch"
+            aria-checked={settings.heartbeat_enabled}
+            aria-label="Heartbeat aktivieren"
+          >
+            <span
+              className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${
+                settings.heartbeat_enabled ? 'translate-x-6' : 'translate-x-1'
+              }`
+            />
+          </button>
+        </div>
+        {settings.heartbeat_enabled && (
+          <>
+            <div className="mb-4">
+              <div className="flex items-center justify-between mb-2">
+                <span className="text-sm font-medium text-gray-700">Intervall</span>
+                <span className="text-sm font-mono text-blue-600">
+                  {settings.heartbeat_interval_seconds || 300}s
+                </span>
+              </div>
+              <input
+                type="range"
+                min="60"
+                max="1800"
+                step="60"
+                value={settings.heartbeat_interval_seconds || 300}
+                onChange={(e) => update({ heartbeat_interval_seconds: parseInt(e.target.value) })}
+                className="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-blue-500"
+              />
+              <div className="flex justify-between text-xs text-gray-400 mt-1">
+                <span>1min</span>
+                <span>30min</span>
+              </div>
+            </div>
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-1">Ziel-Raum</label>
+              <input
+                type="text"
+                value={settings.heartbeat_target_room || 'Live KI'}
+                onChange={(e) => update({ heartbeat_target_room: e.target.value })}
+                className="w-full px-3 py-2 rounded-lg border border-gray-200 bg-white text-sm text-gray-700 focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none"
+                placeholder="Live KI"
+              />
+              <p className="text-xs text-gray-400 mt-1">Name des Raums in der Kommunikation, an den Status-Meldungen gesendet werden.</p>
+            </div>
+          </>
+        )}
+      </div>
     </div>
   );
 }