diff --git a/.env.development b/.env.development
index c9a7b07..a18fdde 100644
--- a/.env.development
+++ b/.env.development
@@ -6,6 +6,6 @@ NEXT_PUBLIC_USE_MOCK_BACKEND_LOOP_START=false
 NEXT_PUBLIC_EXPORT_STATIC=false
 NEXT_PUBLIC_USE_CGI=false
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.688
+NEXT_PUBLIC_APP_VERSION=1.6.689
 NEXT_PUBLIC_CPL_MODE=json   # json (Entwicklungsumgebung) oder jsSimulatedProd (CPL ->CGI-Interface-Simulator) oder production (CPL-> CGI-Interface Platzhalter)
 
diff --git a/.env.production b/.env.production
index ec74fab..2560032 100644
--- a/.env.production
+++ b/.env.production
@@ -5,5 +5,5 @@ NEXT_PUBLIC_CPL_API_PATH=/CPL
 NEXT_PUBLIC_EXPORT_STATIC=true
 NEXT_PUBLIC_USE_CGI=true
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.688
+NEXT_PUBLIC_APP_VERSION=1.6.689
 NEXT_PUBLIC_CPL_MODE=production
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1db1554..0e84ab0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,8 @@
+## [1.6.689] – 2025-08-11
+
+- playwright recording and testing
+
+---
 ## [1.6.688] – 2025-08-11
 
 - ISO, RSL, TDR, und KVZ Modal nach Wünsch angepasst für KÜs
diff --git a/package-lock.json b/package-lock.json
index 6281fd1..b454399 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.688",
+  "version": "1.6.689",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cpl-v4",
-      "version": "1.6.688",
+      "version": "1.6.689",
       "dependencies": {
         "@fontsource/roboto": "^5.1.0",
         "@headlessui/react": "^2.2.4",
diff --git a/package.json b/package.json
index d5e43e4..7ac0e2a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.688",
+  "version": "1.6.689",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/tests/kabelueberwachung-visual.spec.ts b/tests/kabelueberwachung-visual.spec.ts
index c74ed54..086c053 100644
--- a/tests/kabelueberwachung-visual.spec.ts
+++ b/tests/kabelueberwachung-visual.spec.ts
@@ -9,6 +9,28 @@ import { test, expect, Page } from "@playwright/test";
 
 test.describe("Kabelüberwachung Visual", () => {
   test("test", async ({ page }) => {
+    // Globales Auto-Highlight für jeden Klick (nur lokale Debug-Hilfe)
+    await page.addInitScript(() => {
+      interface HighlightFlagWindow extends Window {
+        __PW_CLICK_HIGHLIGHT__?: boolean;
+      }
+      const w = window as HighlightFlagWindow;
+      if (w.__PW_CLICK_HIGHLIGHT__) return; // einmalig
+      w.__PW_CLICK_HIGHLIGHT__ = true;
+      document.addEventListener(
+        "click",
+        (ev) => {
+          const el = ev.target as HTMLElement | null;
+          if (!el || !(el instanceof HTMLElement)) return;
+          const prev = el.style.outline;
+          el.style.outline = "3px solid #ff00aa";
+          setTimeout(() => {
+            el.style.outline = prev;
+          }, 600);
+        },
+        true // capture, damit nichts das Event vorher stoppt
+      );
+    });
     await page.goto("http://localhost:3000/kabelueberwachung");
     await page
       .locator(".bg-littwin-blue.text-white.text-\\[0\\.625rem\\]")