node-mac-recorder 2.24.4 → 2.24.6

package/index.js

@@ -835,8 +835,12 @@ class MacRecorder extends EventEmitter {
 						};
 				}
 
-				// Manuel captureArea varsa onu kullan
-				if (this.options.captureArea) {
+				// Gerçek alan kaydında crop'u native tarafa ilet. Pencere kaydında
+				// captureArea yalnızca cursor koordinat metadata'sıdır; ScreenCaptureKit
+				// desktopIndependentWindow zaten doğru pencereyi filtreler. Bunu ayrıca
+				// crop olarak göndermek native tarafta Retina 2x boyutu tekrar 1x
+				// logical pencere ölçüsüne indiriyordu.
+				if (this.options.captureArea && !this.options.windowId) {
 					recordingOptions.captureArea = {
 						x: this.options.captureArea.x,
 						y: this.options.captureArea.y,
@@ -899,79 +903,58 @@ class MacRecorder extends EventEmitter {
 						}
 					};
 
-					let videoStartTimestamp = 0;
-					const waitStart = Date.now();
-
-					if (usesScreenCaptureKit) {
-						while (Date.now() - waitStart < VIDEO_START_TIMEOUT_MS) {
-							videoStartTimestamp = readVideoStart();
-							if (videoStartTimestamp > 0) {
-								console.log(
-									`✅ SYNC: Video ilk karesi ${Date.now() - waitStart}ms'de yakalandi`
-								);
-								break;
-							}
-							await new Promise(r => setTimeout(r, VIDEO_START_POLL_MS));
-						}
-
-						if (!videoStartTimestamp) {
-							console.warn(
-								`⚠️ SYNC: Video baslangici ${VIDEO_START_TIMEOUT_MS}ms icinde okunamadi — heuristik hizalamaya dusuluyor`
-							);
-						}
-					} else {
-						// AVFoundation yolunda video-start damgasi yok; eski
-						// hazir-olma beklemesi korunuyor.
-						while (Date.now() - waitStart < 600) {
-							try {
-								if (
-									nativeBinding &&
-									nativeBinding.getRecordingStatus &&
-									nativeBinding.getRecordingStatus()
-								) {
-									break;
-								}
-							} catch (_) {}
-							await new Promise(r => setTimeout(r, 30));
-						}
-					}
-
+					// ONEMLI: Bu bekleme BLOKLAMAZ.
+					// Ilk kare, yakalandigi andan ~200ms+ sonra islenip bize ulasiyor
+					// (clamshell'de saniyeler). startRecording bunu beklerse kayit
+					// coktan basladigi halde UI "Starting..." gostergesinde takili
+					// kaliyor. Bu yuzden cursor/klavye HEMEN baslatiliyor (veri kaybi
+					// olmasin), video baslangici ARKA PLANDA yakalanip saklaniyor;
+					// stop sirasinda cursor JSON'una gercek offset yaziliyor ve
+					// editor bunu birebir telafi ediyor.
 					this.sessionTimestamp = sessionTimestamp;
-					this.videoStartTimestamp = videoStartTimestamp;
-					// Onceki kayittan kalan referans sizmasin
-					this.timelineStartTimestamp = 0;
+					this.videoStartTimestamp = 0;
 
 					const syncTimestamp = Date.now();
 					this.syncTimestamp = syncTimestamp;
 					this.recordingStartTime = syncTimestamp;
+					this.timelineStartTimestamp = syncTimestamp;
 
-					if (videoStartTimestamp > 0) {
-						console.log(
-							`🎯 SYNC: Video first-frame timestamp: ${videoStartTimestamp} (JS bunu ${(syncTimestamp - videoStartTimestamp).toFixed(0)}ms sonra fark etti)`
-						);
+					if (usesScreenCaptureKit) {
+						const watchStart = Date.now();
+						this._videoStartWatcherActive = true;
+						this._videoStartWatcher = (async () => {
+							while (
+								this._videoStartWatcherActive &&
+								Date.now() - watchStart < VIDEO_START_TIMEOUT_MS
+							) {
+								const value = readVideoStart();
+								if (value > 0) {
+									this.videoStartTimestamp = value;
+									console.log(
+										`✅ SYNC: Video ilk karesi ${Date.now() - watchStart}ms'de yakalandi (cursor'a gore ${(syncTimestamp - value).toFixed(0)}ms once)`
+									);
+									return value;
+								}
+								await new Promise(r => setTimeout(r, VIDEO_START_POLL_MS));
+							}
+							if (this._videoStartWatcherActive) {
+								console.warn(
+									`⚠️ SYNC: Video baslangici ${VIDEO_START_TIMEOUT_MS}ms icinde okunamadi — heuristik hizalamaya dusuluyor`
+								);
+							}
+							return 0;
+						})();
+						// Kayit akisini etkilemesin
+						this._videoStartWatcher.catch(() => {});
 					}
 
-					// ZAMAN REFERANSI: cursor/klavye timeline'i VIDEONUN ilk karesine
-					// hizalanir, JS'in "kayit hazir" dedigi ana degil.
-					//
-					// NEDEN: syncTimestamp, yukaridaki hazir-olma dongusunden sonraki an.
-					// Bu an ile videonun gercek t=0'i arasindaki fark, baslatma hizina
-					// gore DEGISIYOR (ornegin ScreenCaptureKit isitilmissa video cok daha
-					// erken basliyor). Cursor bu degisken ana baglanirsa her kayitta
-					// farkli bir kayma olusuyor ve editordeki telafi 1sn limitine
-					// takilabiliyor. Videonun kendi baslangicini referans alinca fark
-					// yapisal olarak sifir olur; hizlanma senkronu bozmaz.
-					const timelineStartTimestamp =
-						this.videoStartTimestamp > 0
-							? this.videoStartTimestamp
-							: syncTimestamp;
-					this.timelineStartTimestamp = timelineStartTimestamp;
-
-					if (timelineStartTimestamp !== syncTimestamp) {
-						console.log(
-							`🎯 SYNC: Timeline referansi video ilk karesine cekildi (${(syncTimestamp - timelineStartTimestamp).toFixed(0)}ms geri)`
-						);
-					}
+					// ZAMAN REFERANSI: cursor/klavye timeline'i SIMDI baslar
+					// (syncTimestamp). Videonun gercek t=0'i genelde bundan biraz
+					// oncedir; aradaki fark stop'ta cursor JSON'una yazilir ve
+					// editor birebir telafi eder. Bekleyip "sifir offset" elde
+					// etmek yerine bu yol tercih ediliyor cunku bekleme, kayit
+					// coktan basladigi halde UI'i "Starting..." halinde tutuyordu.
+					const timelineStartTimestamp = syncTimestamp;
 
 					const standardCursorOptions = {
 						videoRelative: true,
@@ -1085,11 +1068,43 @@ class MacRecorder extends EventEmitter {
 					}, 1000);
 
 					// Native kayıt gerçekten başladığını kontrol etmek için polling başlat
+					//
+					// KRITIK: getRecordingStatus() TEK BASINA KULLANILAMAZ.
+					// ScreenCaptureKit yolunda `isFullyInitialized` = 10 KARE sarti
+					// arıyor. Ama video writer ILK KAREDE basliyor — yani kayit
+					// coktan basladigi halde bu bayrak false kalabiliyor.
+					// ScreenCaptureKit statik ekranda yeni kare URETMEDIGI icin
+					// (sadece degisiklik oldugunda kare gonderir) kullanici kayda
+					// basip bekledigi anda 10 kare hic dolmuyor ve UI saniyelerce
+					// "Starting recorder..." gosteriyordu; bu sure de videoya giriyordu.
+					//
+					// Dogru sinyal ilk karedir: videoStartTimestamp > 0 (arka plandaki
+					// _videoStartWatcher set eder). Boylece UI, videonun gercek
+					// baslangici ile ayni ana kapanir.
 					let recordingStartedEmitted = false;
 					let checkRecordingStatus = null;
+					const isNativeRecordingLive = () => {
+						if (this.options.preferScreenCaptureKit === true) {
+							// SCK yolunda TEK dogru sinyal ilk karedir.
+							// getRecordingStatus() burada iki yonlu yaniltiyor:
+							//  - SCK stream'i henuz baslamadiysa g_isRecording
+							//    fallback'ine dusup ERKEN true doner (video yokken
+							//    "kayit basladi" denir)
+							//  - SCK basladiysa isFullyInitialized = 10 kare bekler,
+							//    statik ekranda bu hic dolmaz ve GEC true doner
+							// Hangisinin kazandigi yarisa bagli; ilk kare ise kesin.
+							return Number(this.videoStartTimestamp) > 0;
+						}
+						// AVFoundation yolu: video-start damgasi yok, eski sinyal
+						try {
+							return nativeBinding.getRecordingStatus();
+						} catch (_) {
+							return false;
+						}
+					};
 					const pollRecordingStatus = () => {
 						try {
-							const nativeStatus = nativeBinding.getRecordingStatus();
+							const nativeStatus = isNativeRecordingLive();
 							if (nativeStatus && !recordingStartedEmitted) {
 								recordingStartedEmitted = true;
 								clearInterval(checkRecordingStatus);
@@ -1229,6 +1244,11 @@ class MacRecorder extends EventEmitter {
 			try {
 				console.log('🛑 SYNC: Stopping all recording components simultaneously');
 
+				// Video baslangicini bekleyen arka plan izleyicisini sonlandir.
+				// Deger geldiyse zaten this.videoStartTimestamp'e yazildi ve
+				// cursor metadata'sinda kullanilacak.
+				this._videoStartWatcherActive = false;
+
 				// SYNC FIX: Stop ALL components at the same time for perfect sync
 				// 1. Stop cursor tracking FIRST (it's instant)
 				if (this.cursorCaptureInterval) {
@@ -1396,6 +1416,19 @@ class MacRecorder extends EventEmitter {
 		};
 	}
 
+	/**
+	 * Encoder'ın gerçek zamanlı yetişip yetişmediğini gösteren kare sayaçları.
+	 * Kayıt sırasında canlı, bittikten sonra son oturumun değerlerini döndürür.
+	 * dropRatio > 0.02 ise çözünürlük x FPS x bitrate bu makine için ağırdır ve
+	 * görüntü kalitesi sessizce düşüyor demektir.
+	 */
+	getCaptureFrameStats() {
+		if (typeof nativeBinding.getCaptureFrameStats !== "function") {
+			return { appendedFrames: 0, droppedFrames: 0, targetFps: 0, dropRatio: 0 };
+		}
+		return nativeBinding.getCaptureFrameStats();
+	}
+
 	/**
 	 * macOS'ta kayıt izinlerini kontrol eder
 	 */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "node-mac-recorder",
-	"version": "2.24.4",
+	"version": "2.24.6",
 	"description": "Native macOS screen recording package for Node.js applications",
 	"main": "index.js",
 	"keywords": [

package/src/mac_recorder.mm

@@ -43,6 +43,7 @@ extern "C" {
     bool hasAudioPermission();
 
     NSString *ScreenCaptureKitCurrentAudioPath(void);
+    void ScreenCaptureKitGetFrameStats(long *appendedOut, long *droppedOut, long *targetFPSOut);
 }
 
 // Cursor tracker function declarations
@@ -627,14 +628,39 @@ Napi::Value StartRecording(const Napi::CallbackInfo& info) {
                     // Use ScreenCaptureKit with window exclusion and timeout protection
                     NSError *sckError = nil;
 
-                    // A/V SYNC: Start camera non-blocking BEFORE ScreenCaptureKit
-                    // Camera warmup overlaps with async SCK initialization
+                    // A/V SYNC: Kamera SCK'dan ONCE baslatilir VE onayi burada beklenir.
+                    //
+                    // ESKIDEN: kamera non-blocking baslatilip SCK hemen schedule
+                    // ediliyor, kamera onayi SCK'dan SONRA bekleniyordu. Sorun:
+                    // SCK schedule edilir edilmez video ilk karesini yakalayip
+                    // KAYDA BASLIYOR, ama JS tarafi hala kamera onayini bekledigi
+                    // icin (startRecording senkron bir N-API cagrisi, event loop
+                    // bloke) "kayit basladi" sinyali ~1sn gec gidiyordu.
+                    // Olculdu: kamerali startRecording 1319ms / kamerasiz 508ms.
+                    // Bu fark dogrudan videonun basina fazlalik olarak yaziliyor
+                    // ve UI o sure boyunca "Starting recorder..." gosteriyordu.
+                    //
+                    // SIMDI: kamera hazir olduktan SONRA video baslar. Basta
+                    // fazlalik olusmaz ve kamera ile ekran ayni ana hizalanir.
                     if (captureCamera) {
-                        MRLog(@"🎥 Starting camera recording non-blocking (parallel with SCK init)");
+                        MRLog(@"🎥 Starting camera recording (before SCK, blocking until ready)");
                         if (!startCameraIfRequested(true, &cameraOutputPath, cameraDeviceId, outputPath, sessionTimestamp)) {
                             MRLog(@"❌ Camera failed to start - aborting recording");
                             return Napi::Boolean::New(env, false);
                         }
+
+                        if (!waitForCameraRecordingStart(8.0)) {
+                            double cameraStartTs = currentCameraRecordingStartTime();
+                            if (cameraStartTs > 0 || isCameraRecording()) {
+                                MRLog(@"⚠️ Camera did not confirm start within 8.0s but appears running; continuing");
+                            } else {
+                                MRLog(@"❌ Camera did not signal recording start within 8.0s");
+                                stopCameraRecording();
+                                return Napi::Boolean::New(env, false);
+                            }
+                        } else {
+                            MRLog(@"✅ Camera recording confirmed (before SCK start)");
+                        }
                     }
 
                     // Start SCK immediately - don't wait for camera confirmation
@@ -647,21 +673,10 @@ Napi::Value StartRecording(const Napi::CallbackInfo& info) {
                             MRLog(@"🎬 RECORDING METHOD: ScreenCaptureKit");
                             MRLog(@"✅ SYNC: ScreenCaptureKit recording started successfully");
 
-                            // A/V SYNC: Wait for camera AFTER SCK started
-                            if (captureCamera) {
-                                if (!waitForCameraRecordingStart(8.0)) {
-                                    double cameraStartTs = currentCameraRecordingStartTime();
-                                    if (cameraStartTs > 0 || isCameraRecording()) {
-                                        MRLog(@"⚠️ Camera did not confirm start within 8.0s but appears running; continuing");
-                                    } else {
-                                        MRLog(@"❌ Camera did not signal recording start within 8.0s");
-                                        stopCameraRecording();
-                                        [ScreenCaptureKitRecorder stopRecording];
-                                        return Napi::Boolean::New(env, false);
-                                    }
-                                }
-                                MRLog(@"✅ Camera recording confirmed (started in parallel with SCK)");
-                            }
+                            // NOT: Kamera onayi artik SCK'dan ONCE bekleniyor
+                            // (yukariya alindi) — burada blocking bir is kalmadi,
+                            // boylece SCK schedule edildikten sonra JS'e donus
+                            // gecikmiyor ve videonun basinda fazlalik olusmuyor.
 
                             g_isRecording = true;
                             MRMarkRecordingStartTimestamp();
@@ -1386,6 +1401,29 @@ Napi::Value GetRecordingStatus(const Napi::CallbackInfo& info) {
     return Napi::Boolean::New(env, g_isRecording);
 }
 
+// NAPI Function: Yakalama sirasinda encoder'in dusurdugu kare istatistikleri.
+// dropRatio > ~2 ise cozunurluk x FPS x bitrate bu makine icin surdurulebilir
+// degildir ve "video kalitesiz" sikayetinin olculebilir kanitidir.
+Napi::Value GetCaptureFrameStats(const Napi::CallbackInfo& info) {
+    Napi::Env env = info.Env();
+    Napi::Object result = Napi::Object::New(env);
+
+    long appended = 0;
+    long dropped = 0;
+    long targetFPS = 0;
+    if (@available(macOS 12.3, *)) {
+        ScreenCaptureKitGetFrameStats(&appended, &dropped, &targetFPS);
+    }
+
+    long total = appended + dropped;
+    result.Set("appendedFrames", Napi::Number::New(env, (double)appended));
+    result.Set("droppedFrames", Napi::Number::New(env, (double)dropped));
+    result.Set("targetFps", Napi::Number::New(env, (double)targetFPS));
+    result.Set("dropRatio",
+               Napi::Number::New(env, total > 0 ? (double)dropped / (double)total : 0.0));
+    return result;
+}
+
 // NAPI Function: Get Window Thumbnail
 Napi::Value GetWindowThumbnail(const Napi::CallbackInfo& info) {
     Napi::Env env = info.Env();
@@ -1724,6 +1762,7 @@ Napi::Object Init(Napi::Env env, Napi::Object exports) {
     exports.Set(Napi::String::New(env, "getDisplays"), Napi::Function::New(env, GetDisplays));
     exports.Set(Napi::String::New(env, "getWindows"), Napi::Function::New(env, GetWindows));
     exports.Set(Napi::String::New(env, "getRecordingStatus"), Napi::Function::New(env, GetRecordingStatus));
+    exports.Set(Napi::String::New(env, "getCaptureFrameStats"), Napi::Function::New(env, GetCaptureFrameStats));
     exports.Set(Napi::String::New(env, "prewarmScreenCapture"), Napi::Function::New(env, PrewarmScreenCapture));
     exports.Set(Napi::String::New(env, "getVideoStartTimestamp"), Napi::Function::New(env, GetVideoStartTimestamp));
     exports.Set(Napi::String::New(env, "checkPermissions"), Napi::Function::New(env, CheckPermissions));

package/src/screen_capture_kit.mm

@@ -165,7 +165,56 @@ static NSInteger g_targetFPS = 60;
 static NSString *g_qualityPreset = @"high";
 static NSInteger g_frameCount = 0;
 static CFAbsoluteTime g_firstFrameTime = 0;
-static const NSInteger kSCKHighQualityVideoBitrate = 100 * 1000 * 1000;
+
+// Encoder gercek zamanli yetisemezse kare SESSIZCE dusuyordu (readyForMoreMediaData
+// NO -> return). Fansiz makinelerde (MacBook Air) 60 FPS Retina yakalamada bu
+// gorunmez kalite kaybinin ana kaynagi; sayilmadan teshis edilemiyor.
+static NSInteger g_videoFramesAppended = 0;
+static NSInteger g_videoFramesDroppedNotReady = 0;
+// CleanupWriters sayaclari sifirladigi icin JS tarafi kayit bittikten SONRA
+// okuyabilsin diye son oturumun degerleri ayrica saklanir.
+static NSInteger g_lastVideoFramesAppended = 0;
+static NSInteger g_lastVideoFramesDropped = 0;
+static NSInteger g_lastVideoTargetFPS = 0;
+
+// ---- Prewarm edilmis SCShareableContent onbellegi ----
+// Kayit baslatilirken envanter cagrisini tamamen atlayabilmek icin saklanir.
+// ARC KAPALI: retain/release elle yonetiliyor.
+static id g_cachedShareableContent = nil;
+static CFAbsoluteTime g_cachedShareableContentTime = 0;
+// Bayat envanter yanlis pencere/ekran secimine yol acabilir; kisa tutuluyor.
+static const CFAbsoluteTime kShareableContentCacheTTLSeconds = 30.0;
+
+static void SCKStoreShareableContent(id content) {
+    if (!content) return;
+    @synchronized([ScreenCaptureKitRecorder class]) {
+        if (g_cachedShareableContent != content) {
+            [g_cachedShareableContent release];
+            g_cachedShareableContent = [content retain];
+        }
+        g_cachedShareableContentTime = CFAbsoluteTimeGetCurrent();
+    }
+}
+
+// Taze onbellek varsa doner ve onbellegi bosaltir (her kayit taze envanterle
+// baslasin diye tek kullanimlik). Yoksa nil.
+static id SCKTakeCachedShareableContent(void) {
+    @synchronized([ScreenCaptureKitRecorder class]) {
+        if (!g_cachedShareableContent) {
+            return nil;
+        }
+
+        CFAbsoluteTime age = CFAbsoluteTimeGetCurrent() - g_cachedShareableContentTime;
+        id content = [[g_cachedShareableContent retain] autorelease];
+        [g_cachedShareableContent release];
+        g_cachedShareableContent = nil;
+
+        if (age > kShareableContentCacheTTLSeconds) {
+            return nil;
+        }
+        return content;
+    }
+}
 
 // Quality helpers
 static NSString *SCKNormalizeQualityPreset(id preset) {
@@ -193,42 +242,88 @@ static CGFloat SCKQualityScaleForPreset(NSString *preset) {
     return 1.0; // High = full resolution
 }
 
+// SCDisplay.width/height ve CGDisplayPixelsWide/High ölçekli Retina modlarında
+// mantıksal (Quartz) çözünürlüğü döndürebiliyor. Zoom sırasında gerçek piksel
+// detayını korumak için aktif display mode'un backing pixel ölçüsünü, global
+// point-space frame'e böl. ScreenCaptureKit filter scale'i bazı bağımsız pencere
+// filtrelerinde 1.0 raporladığından bu değer güvenilir alt sınırdır.
+static CGFloat SCKBackingScaleForDisplay(SCDisplay *display) API_AVAILABLE(macos(12.3)) {
+    if (!display) return 1.0;
+
+    CGFloat logicalWidth = display.frame.size.width;
+    CGFloat logicalHeight = display.frame.size.height;
+    NSInteger backingWidth = 0;
+    NSInteger backingHeight = 0;
+
+    CGDisplayModeRef mode = CGDisplayCopyDisplayMode(display.displayID);
+    if (mode) {
+        backingWidth = (NSInteger)CGDisplayModeGetPixelWidth(mode);
+        backingHeight = (NSInteger)CGDisplayModeGetPixelHeight(mode);
+        CGDisplayModeRelease(mode);
+    }
+
+    // Eski/alışılmadık display mode'larda pixel ölçüsü yoksa Quartz değerine
+    // düş; bu en azından non-Retina ekranlarda doğru 1x sonucu verir.
+    if (backingWidth <= 0) {
+        backingWidth = (NSInteger)CGDisplayPixelsWide(display.displayID);
+    }
+    if (backingHeight <= 0) {
+        backingHeight = (NSInteger)CGDisplayPixelsHigh(display.displayID);
+    }
+
+    CGFloat scaleX = (logicalWidth > 0 && backingWidth > 0)
+        ? (CGFloat)backingWidth / logicalWidth
+        : 1.0;
+    CGFloat scaleY = (logicalHeight > 0 && backingHeight > 0)
+        ? (CGFloat)backingHeight / logicalHeight
+        : 1.0;
+    CGFloat scale = MAX(scaleX, scaleY);
+    if (!isfinite(scale)) scale = 1.0;
+    return MIN(4.0, MAX(1.0, scale));
+}
+
+// Bitrate hesabi FPS'e DUYARLI olmali. Eski formul `w*h*multiplier` idi ve fps'i
+// hic gormuyordu: kayit 30 -> 60 FPS'e cikarildiginda toplam bitrate ayni kaldigi
+// icin kare basina bit yariya dustu, ustelik 180+ Mbps CABAC akisi fansiz bir
+// makinede gercek zamanli encoder'i doyurup kare dusurmeye basladi. Artik hedef
+// "kare basina piksel basina bit" (bpp) olarak ifade edilir; fps degisince toplam
+// bitrate onunla birlikte olceklenir ve kare basina kalite SABIT kalir.
 static void SCKQualityBitrateForDimensions(NSString *preset,
                                            NSInteger width,
                                            NSInteger height,
+                                           NSInteger fps,
                                            NSInteger *bitrateOut,
-                                           NSInteger *multiplierOut,
+                                           double *bppOut,
                                            NSInteger *minOut,
                                            NSInteger *maxOut) {
     NSString *normalized = SCKNormalizeQualityPreset(preset);
 
-    NSInteger multiplier = 30;
-    NSInteger minBitrate = 30 * 1000 * 1000;
-    NSInteger maxBitrate = 120 * 1000 * 1000;
+    // H.264 High/CABAC 4:2:0 ekran icerigi icin 0.28 bpp zaten gorsel olarak
+    // doygunluk bolgesidir; asil kalite tavani bitrate degil 4:2:0 kroma alt
+    // ornekleme. Eski 0.53 bpp'nin ikinci yarisi kalite getirmiyor, sadece
+    // entropy coding + disk yazma yuku olarak realtime encoder'i zorluyordu.
+    double bpp = 0.28;
+    NSInteger minBitrate = 40 * 1000 * 1000;
+    NSInteger maxBitrate = 200 * 1000 * 1000;
 
     if ([normalized isEqualToString:@"low"]) {
-        multiplier = 10;
+        bpp = 0.09;
         minBitrate = 10 * 1000 * 1000;
         maxBitrate = 45 * 1000 * 1000;
     } else if ([normalized isEqualToString:@"medium"]) {
-        multiplier = 18;
-        minBitrate = 18 * 1000 * 1000;
-        maxBitrate = 80 * 1000 * 1000;
-    } else { // high/default - çözünürlüğe DUYARLI yüksek kalite
-        // Eski hali sabit 50 Mbps idi: Retina/4K kayıtta çok düşük (hatta medium
-        // yüksek çözünürlükte high'ı geçebiliyordu). Artık çözünürlükle ölçeklenir.
-        multiplier = 32; // ~0.53 bpp @60fps
-        minBitrate = kSCKHighQualityVideoBitrate; // 100 Mbps taban
-        maxBitrate = 200 * 1000 * 1000;           // 200 Mbps tavan (realtime güvenli)
-    }
-
-    double base = ((double)MAX(1, width)) * ((double)MAX(1, height)) * (double)multiplier;
+        bpp = 0.16;
+        minBitrate = 20 * 1000 * 1000;
+        maxBitrate = 90 * 1000 * 1000;
+    }
+
+    double base = ((double)MAX(1, width)) * ((double)MAX(1, height)) *
+                  ((double)MAX(1, fps)) * bpp;
     NSInteger bitrate = (NSInteger)base;
     if (bitrate < minBitrate) bitrate = minBitrate;
     if (bitrate > maxBitrate) bitrate = maxBitrate;
 
     if (bitrateOut) *bitrateOut = bitrate;
-    if (multiplierOut) *multiplierOut = multiplier;
+    if (bppOut) *bppOut = bpp;
     if (minOut) *minOut = minBitrate;
     if (maxOut) *maxOut = maxBitrate;
 }
@@ -370,9 +465,31 @@ static void CleanupWriters(void) {
         g_videoWriterStarted = NO;
         g_videoStartTime = kCMTimeInvalid;
 
+        // Kayit sonu ozeti: kare dusme orani gorunur kalsin, aksi halde "video
+        // kalitesiz" sikayeti olcusuz kaliyor.
+        NSInteger totalSeen = g_videoFramesAppended + g_videoFramesDroppedNotReady;
+        if (totalSeen > 0) {
+            g_lastVideoFramesAppended = g_videoFramesAppended;
+            g_lastVideoFramesDropped = g_videoFramesDroppedNotReady;
+            g_lastVideoTargetFPS = MAX(1, g_targetFPS);
+            double dropRatio = 100.0 * g_videoFramesDroppedNotReady / totalSeen;
+            MRLog(@"📊 Kayit ozeti: %ld kare yazildi, %ld dusuruldu (%%%.1f) @%ldfps hedef",
+                  (long)g_videoFramesAppended,
+                  (long)g_videoFramesDroppedNotReady,
+                  dropRatio,
+                  (long)MAX(1, g_targetFPS));
+            if (dropRatio > 2.0) {
+                NSLog(@"⚠️ Encoder yuku surdurulebilir degil: kare dusme orani %%%.1f. "
+                      @"Cozunurluk/FPS/bitrate kombinasyonu bu makine icin agir.",
+                      dropRatio);
+            }
+        }
+
         // Reset frame counting
         g_frameCount = 0;
         g_firstFrameTime = 0;
+        g_videoFramesAppended = 0;
+        g_videoFramesDroppedNotReady = 0;
     }
     
     if (g_audioWriter) {
@@ -409,6 +526,23 @@ extern "C" BOOL MRMixAudioToSingleTrackWithGains(NSString *primaryAudioPath,
                                                   float systemGain);
 extern "C" BOOL MRMuxAudioIntoVideo(NSString *videoPath, NSString *audioPath);
 
+// Encoder'in gercek zamanli yetisip yetismedigini JS tarafina tasir. Kayit
+// suruyorsa canli sayaclar, bittiyse son oturumun degerleri dondurulur.
+extern "C" void ScreenCaptureKitGetFrameStats(long *appendedOut,
+                                              long *droppedOut,
+                                              long *targetFPSOut) {
+    BOOL live = (g_videoFramesAppended + g_videoFramesDroppedNotReady) > 0;
+    if (appendedOut) {
+        *appendedOut = (long)(live ? g_videoFramesAppended : g_lastVideoFramesAppended);
+    }
+    if (droppedOut) {
+        *droppedOut = (long)(live ? g_videoFramesDroppedNotReady : g_lastVideoFramesDropped);
+    }
+    if (targetFPSOut) {
+        *targetFPSOut = (long)(live ? MAX(1, g_targetFPS) : g_lastVideoTargetFPS);
+    }
+}
+
 extern "C" NSString *ScreenCaptureKitCurrentAudioPath(void) {
     if (!g_audioOutputPath) {
         return nil;
@@ -506,9 +640,21 @@ extern "C" NSString *ScreenCaptureKitCurrentAudioPath(void) {
     }
     
     if (!g_videoInput.readyForMoreMediaData) {
+        // Encoder geride kaldi: bu kare kalici olarak kayboluyor. Sessizce
+        // dusurmek kalite sikayetlerini teshis edilemez hale getiriyordu; oran
+        // %2'yi asarsa encoder yuku (cozunurluk x fps x bitrate) surdurulebilir
+        // degil demektir.
+        g_videoFramesDroppedNotReady++;
+        NSInteger totalSeen = g_videoFramesAppended + g_videoFramesDroppedNotReady;
+        if (g_videoFramesDroppedNotReady == 1 || (g_videoFramesDroppedNotReady % 60) == 0) {
+            MRLog(@"⚠️ Encoder yetisemedi, kare dusuruldu: %ld/%ld (%.1f%%)",
+                  (long)g_videoFramesDroppedNotReady,
+                  (long)totalSeen,
+                  totalSeen > 0 ? (100.0 * g_videoFramesDroppedNotReady / totalSeen) : 0.0);
+        }
         return;
     }
-    
+
     CVPixelBufferRef pixelBuffer = CMSampleBufferGetImageBuffer(sampleBuffer);
     if (!pixelBuffer) {
         return;
@@ -557,6 +703,8 @@ extern "C" NSString *ScreenCaptureKitCurrentAudioPath(void) {
     BOOL appended = [adaptor appendPixelBuffer:pixelBuffer withPresentationTime:relativePresentation];
     if (!appended) {
         NSLog(@"⚠️ Failed appending pixel buffer: %@", g_videoWriter.error);
+    } else {
+        g_videoFramesAppended++;
     }
 
     // Frame rate debugging
@@ -780,30 +928,39 @@ extern "C" NSString *ScreenCaptureKitCurrentAudioPath(void) {
     }
     
     NSString *normalizedQuality = SCKNormalizeQualityPreset(g_qualityPreset);
+    NSInteger encoderFPS = MAX(1, g_targetFPS);
     NSInteger bitrate = 0;
+    double bpp = 0.0;
     NSInteger minBitrate = 0;
     NSInteger maxBitrate = 0;
-    SCKQualityBitrateForDimensions(normalizedQuality, width, height, &bitrate, NULL, &minBitrate, &maxBitrate);
+    SCKQualityBitrateForDimensions(normalizedQuality, width, height, encoderFPS,
+                                   &bitrate, &bpp, &minBitrate, &maxBitrate);
 
     NSNumber *qualityHint = [normalizedQuality isEqualToString:@"high"] ? @1.0 : ([normalizedQuality isEqualToString:@"medium"] ? @0.9 : @0.85);
 
-    MRLog(@"🎬 Screen encoder (%@): %ldx%ld, codec=H.264 High Profile, bitrate=%.2fMbps (min=%ldMbps max=%ldMbps)",
+    MRLog(@"🎬 Screen encoder (%@): %ldx%ld@%ldfps, codec=H.264 High Profile, bitrate=%.2fMbps (%.2f bpp, min=%ldMbps max=%ldMbps)",
           normalizedQuality,
           (long)width,
           (long)height,
+          (long)encoderFPS,
           bitrate / (1000.0 * 1000.0),
+          bpp,
           (long)(minBitrate / (1000 * 1000)),
           (long)(maxBitrate / (1000 * 1000)));
 
     NSDictionary *compressionProps = @{
         AVVideoAverageBitRateKey: @(bitrate),
-        AVVideoMaxKeyFrameIntervalKey: @(MAX(1, g_targetFPS)),
-        AVVideoAllowFrameReorderingKey: @YES,
-        AVVideoExpectedSourceFrameRateKey: @(MAX(1, g_targetFPS)),
+        AVVideoMaxKeyFrameIntervalKey: @(encoderFPS),
+        // B-frame'ler (kare yeniden siralama) gercek zamanli yakalamada encoder'a
+        // ek gecikme + is yukleyip readyForMoreMediaData'yi geciktiriyor; ekran
+        // icerigi zaten neredeyse tamamen statik/kesme oldugu icin kazanci ihmal
+        // edilebilir. Kapatmak fansiz makinelerde kare dusmesini azaltir.
+        AVVideoAllowFrameReorderingKey: @NO,
+        AVVideoExpectedSourceFrameRateKey: @(encoderFPS),
         AVVideoQualityKey: qualityHint,
         AVVideoProfileLevelKey: AVVideoProfileLevelH264HighAutoLevel,
         AVVideoH264EntropyModeKey: AVVideoH264EntropyModeCABAC,
-        AVVideoAverageNonDroppableFrameRateKey: @(MAX(1, g_targetFPS)),
+        AVVideoAverageNonDroppableFrameRateKey: @(encoderFPS),
         AVVideoMaxKeyFrameIntervalDurationKey: @(1.0)
     };
 
@@ -1041,16 +1198,24 @@ extern "C" NSString *ScreenCaptureKitCurrentAudioPath(void) {
 
 + (void)prewarmShareableContent {
     if (@available(macOS 15.0, *)) {
-        // Kayit sirasindaki ilk SCShareableContent cagrisi yavas olabiliyor
-        // (TCC kontrolu + pencere/ekran envanteri). Kayit baslamadan once bir kez
-        // cagirip macOS'un ic cache'ini isitiyoruz. Sonuc kullanilmiyor.
+        // Kayit sirasindaki SCShareableContent cagrisi yavas olabiliyor
+        // (TCC kontrolu + ekran/pencere envanteri). Ozellikle ekran
+        // konfigurasyonu degistikten sonra (clamshell) bu envanter sifirdan
+        // kuruluyor ve saniyeler surebiliyor.
+        //
+        // Sadece "isitmak" yetmiyordu: kayit aninda cagri YINE bastan
+        // yapiliyordu. Artik sonucu saklayip kayitta yeniden kullaniyoruz,
+        // yani bu adim tamamen atlanabiliyor.
         dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_BACKGROUND, 0), ^{
+            CFAbsoluteTime fetchStart = CFAbsoluteTimeGetCurrent();
             [SCShareableContent getShareableContentWithCompletionHandler:^(SCShareableContent *content, NSError *contentError) {
-                if (contentError) {
+                if (contentError || !content) {
                     MRLog(@"⚠️ Prewarm shareable content failed: %@", contentError.localizedDescription);
                     return;
                 }
-                MRLog(@"🔥 Prewarm: shareable content hazir (%lu ekran, %lu pencere)",
+                SCKStoreShareableContent(content);
+                NSLog(@"🔥 Prewarm: shareable content hazir ve saklandi (%.0fms, %lu ekran, %lu pencere)",
+                      (CFAbsoluteTimeGetCurrent() - fetchStart) * 1000.0,
                       (unsigned long)content.displays.count,
                       (unsigned long)content.windows.count);
             }];
@@ -1082,9 +1247,29 @@ extern "C" NSString *ScreenCaptureKitCurrentAudioPath(void) {
         return NO;
     }
 
+    // Prewarm ile alinmis taze envanter varsa cagriyi TAMAMEN atla.
+    // Bu cagri clamshell'de saniyeler surebiliyor ve kayit baslatmanin
+    // en buyuk gecikme kalemi.
+    if (@available(macOS 15.0, *)) {
+        SCShareableContent *prewarmed = (SCShareableContent *)SCKTakeCachedShareableContent();
+        if (prewarmed) {
+            NSLog(@"⚡ Prewarmed shareable content kullanildi — envanter cagrisi atlandi");
+            dispatch_async(controlQueue, ^{
+                SCKPerformRecordingSetup(configCopy, prewarmed);
+            });
+            // NOT: Burada onbellegi tazelemek YOK.
+            // Kayit setup'i calisirken yeni bir SCShareableContent istegi
+            // baslatmak sistem envanterini kayitla ayni anda sorgular ve
+            // kamera/stream baslatmayla yarisir. Tazeleme, kayit bittikten
+            // sonra desktop tarafindaki periyodik isitmaya birakiliyor.
+            return YES;
+        }
+    }
+
     // CRITICAL FIX: Use dispatch_get_global_queue instead of main_queue
     // because Node.js standalone doesn't run macOS main event loop (only Electron does)
     NSLog(@"🚀 Requesting shareable content...");
+    CFAbsoluteTime contentFetchStart = CFAbsoluteTimeGetCurrent();
     dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_HIGH, 0), ^{
         [SCShareableContent getShareableContentWithCompletionHandler:^(SCShareableContent *content, NSError *contentError) {
             if (contentError || !content) {
@@ -1092,7 +1277,8 @@ extern "C" NSString *ScreenCaptureKitCurrentAudioPath(void) {
                 SCKFailScheduling();
                 return;
             }
-            NSLog(@"✅ Got shareable content, starting recording setup...");
+            NSLog(@"✅ Got shareable content in %.0fms, starting recording setup...",
+                  (CFAbsoluteTimeGetCurrent() - contentFetchStart) * 1000.0);
             dispatch_async(controlQueue, ^{
                 SCKPerformRecordingSetup(configCopy, content);
             });
@@ -1422,31 +1608,41 @@ static void SCKPerformRecordingSetup(NSDictionary *config, SCShareableContent *c
                     CGRect dispBounds = CGRectMake(disp.frame.origin.x, disp.frame.origin.y,
                                                    disp.frame.size.width, disp.frame.size.height);
                     if (CGRectContainsPoint(dispBounds, windowCenter)) {
-                        NSInteger physW = (NSInteger)CGDisplayPixelsWide(disp.displayID);
-                        NSInteger physH = (NSInteger)CGDisplayPixelsHigh(disp.displayID);
-                        CGFloat scX = (disp.width > 0) ? (CGFloat)physW / (CGFloat)disp.width : 1.0;
-                        CGFloat scY = (disp.height > 0) ? (CGFloat)physH / (CGFloat)disp.height : 1.0;
-                        scaleFactor = MAX(scX, scY);
+                        scaleFactor = SCKBackingScaleForDisplay(disp);
                         break;
                     }
                 }
                 // Fallback: use main display scale factor
                 if (scaleFactor == 1.0 && content.displays.count > 0) {
                     SCDisplay *mainDisp = content.displays.firstObject;
-                    NSInteger physW = (NSInteger)CGDisplayPixelsWide(mainDisp.displayID);
-                    NSInteger physH = (NSInteger)CGDisplayPixelsHigh(mainDisp.displayID);
-                    CGFloat scX = (mainDisp.width > 0) ? (CGFloat)physW / (CGFloat)mainDisp.width : 1.0;
-                    CGFloat scY = (mainDisp.height > 0) ? (CGFloat)physH / (CGFloat)mainDisp.height : 1.0;
-                    scaleFactor = MAX(scX, scY);
+                    scaleFactor = SCKBackingScaleForDisplay(mainDisp);
                 }
 
-                NSInteger physicalWindowWidth = (NSInteger)(windowLogicalWidth * scaleFactor);
-                NSInteger physicalWindowHeight = (NSInteger)(windowLogicalHeight * scaleFactor);
+                filter = [[SCContentFilter alloc] initWithDesktopIndependentWindow:targetWindow];
+                if (@available(macOS 14.0, *)) {
+                    // ScreenCaptureKit exposes the authoritative point→pixel
+                    // conversion for this exact filter. Prefer it over display
+                    // heuristics (scaled modes and windows spanning displays).
+                    CGFloat filterScale = filter.pointPixelScale;
+                    if (isfinite(filterScale) && filterScale >= 1.0 && filterScale <= 4.0) {
+                        // desktopIndependentWindow filtresi bazı macOS/sürüm
+                        // kombinasyonlarında Retina pencerede bile 1.0 dönebiliyor.
+                        // Display geometrisinden bulunan 2x değeri 1x'e indirirsek
+                        // 1500x960 pencere gerçek 3000x1920 yerine logical boyutta
+                        // kaydediliyor ve zoom'da metin detayı geri dönülemez
+                        // biçimde kayboluyor. Filter yalnızca daha yüksek/güvenli
+                        // bir backing scale bildiriyorsa heuristiği yükseltsin.
+                        scaleFactor = MAX(scaleFactor, filterScale);
+                    }
+                }
+                scaleFactor = MIN(4.0, MAX(1.0, scaleFactor));
+
+                NSInteger physicalWindowWidth = (NSInteger)llround(windowLogicalWidth * scaleFactor);
+                NSInteger physicalWindowHeight = (NSInteger)llround(windowLogicalHeight * scaleFactor);
 
                 MRLog(@"🪟 Recording window: %@ logical=%ux%u, physical=%ldx%ld, scale=%.2fx",
                       targetWindow.title, (unsigned)windowLogicalWidth, (unsigned)windowLogicalHeight,
                       (long)physicalWindowWidth, (long)physicalWindowHeight, scaleFactor);
-                filter = [[SCContentFilter alloc] initWithDesktopIndependentWindow:targetWindow];
                 recordingWidth = physicalWindowWidth;
                 recordingHeight = physicalWindowHeight;
             } else {
@@ -1482,22 +1678,36 @@ static void SCKPerformRecordingSetup(NSDictionary *config, SCShareableContent *c
             }
 
             if (targetDisplay) {
-                // Use physical pixel dimensions for Retina displays (not logical points)
                 CGDirectDisplayID displayID = targetDisplay.displayID;
-                NSInteger physicalWidth = (NSInteger)CGDisplayPixelsWide(displayID);
-                NSInteger physicalHeight = (NSInteger)CGDisplayPixelsHigh(displayID);
-                NSInteger logicalWidth = targetDisplay.width;
-                NSInteger logicalHeight = targetDisplay.height;
+                filter = [[SCContentFilter alloc] initWithDisplay:targetDisplay excludingWindows:@[]];
 
-                CGFloat scaleX = (logicalWidth > 0) ? (CGFloat)physicalWidth / (CGFloat)logicalWidth : 1.0;
-                CGFloat scaleY = (logicalHeight > 0) ? (CGFloat)physicalHeight / (CGFloat)logicalHeight : 1.0;
-                CGFloat scaleFactor = MAX(scaleX, scaleY);
+                // CGDisplayPixelsWide/High reports the current Quartz coordinate
+                // resolution on scaled Retina modes (for example 1800x1169), not
+                // necessarily the backing pixels ScreenCaptureKit can deliver.
+                // The filter exposes the authoritative point -> pixel scale and
+                // content rect, so derive the requested stream size from those.
+                CGFloat logicalWidth = targetDisplay.frame.size.width;
+                CGFloat logicalHeight = targetDisplay.frame.size.height;
+                CGFloat scaleFactor = SCKBackingScaleForDisplay(targetDisplay);
+                if (@available(macOS 14.0, *)) {
+                    CGRect filterRect = filter.contentRect;
+                    CGFloat filterScale = filter.pointPixelScale;
+                    if (filterRect.size.width > 0 && filterRect.size.height > 0) {
+                        logicalWidth = filterRect.size.width;
+                        logicalHeight = filterRect.size.height;
+                    }
+                    if (isfinite(filterScale) && filterScale >= 1.0 && filterScale <= 4.0) {
+                        scaleFactor = MAX(scaleFactor, filterScale);
+                    }
+                }
+                scaleFactor = MIN(4.0, MAX(1.0, scaleFactor));
 
-                MRLog(@"🖥️ Recording display %u: logical=%dx%d, physical=%ldx%ld, scale=%.2fx",
-                      displayID, (int)logicalWidth, (int)logicalHeight,
+                NSInteger physicalWidth = (NSInteger)llround(logicalWidth * scaleFactor);
+                NSInteger physicalHeight = (NSInteger)llround(logicalHeight * scaleFactor);
+                MRLog(@"🖥️ Recording display %u: logical=%.0fx%.0f, physical=%ldx%ld, scale=%.2fx (filter-backed)",
+                      displayID, logicalWidth, logicalHeight,
                       (long)physicalWidth, (long)physicalHeight, scaleFactor);
 
-                filter = [[SCContentFilter alloc] initWithDisplay:targetDisplay excludingWindows:@[]];
                 recordingWidth = physicalWidth;
                 recordingHeight = physicalHeight;
             } else {
@@ -1507,19 +1717,28 @@ static void SCKPerformRecordingSetup(NSDictionary *config, SCShareableContent *c
             }
         }
 
-        if (captureRect && captureRect[@"width"] && captureRect[@"height"]) {
+        // desktopIndependentWindow kendi içerik sınırını zaten uygular. JS
+        // katmanındaki window captureArea cursor metadata'sı olarak tutulabilir;
+        // burada tekrar crop boyutu gibi kullanılırsa yukarıda hesaplanan Retina
+        // physicalWindowWidth/Height logical 1x ölçülerle ezilir. Bu blok yalnızca
+        // gerçek display/area kayıtlarında çıktı ölçüsünü değiştirmeli.
+        BOOL isWindowCapture = windowId && [windowId integerValue] != 0;
+        if (!isWindowCapture && captureRect && captureRect[@"width"] && captureRect[@"height"]) {
             CGFloat cropWidth = [captureRect[@"width"] doubleValue];
             CGFloat cropHeight = [captureRect[@"height"] doubleValue];
             if (cropWidth > 0 && cropHeight > 0) {
                 // Scale crop dimensions for Retina displays
                 CGFloat cropScaleFactor = 1.0;
                 if (targetDisplay) {
-                    NSInteger physW = (NSInteger)CGDisplayPixelsWide(targetDisplay.displayID);
-                    NSInteger physH = (NSInteger)CGDisplayPixelsHigh(targetDisplay.displayID);
-                    CGFloat scX = (targetDisplay.width > 0) ? (CGFloat)physW / (CGFloat)targetDisplay.width : 1.0;
-                    CGFloat scY = (targetDisplay.height > 0) ? (CGFloat)physH / (CGFloat)targetDisplay.height : 1.0;
-                    cropScaleFactor = MAX(scX, scY);
+                    cropScaleFactor = SCKBackingScaleForDisplay(targetDisplay);
+                    if (@available(macOS 14.0, *)) {
+                        CGFloat filterScale = filter.pointPixelScale;
+                        if (isfinite(filterScale) && filterScale >= 1.0 && filterScale <= 4.0) {
+                            cropScaleFactor = MAX(cropScaleFactor, filterScale);
+                        }
+                    }
                 }
+                cropScaleFactor = MIN(4.0, MAX(1.0, cropScaleFactor));
                 NSInteger physicalCropWidth = (NSInteger)(cropWidth * cropScaleFactor);
                 NSInteger physicalCropHeight = (NSInteger)(cropHeight * cropScaleFactor);
                 MRLog(@"🔲 Crop area: logical=%.0fx%.0f, physical=%ldx%ld, scale=%.2fx at (%.0f,%.0f)",

package/src/window_selector.mm

@@ -85,11 +85,31 @@ static bool shouldSkipSelectableWindowOwner(NSString *windowOwner) {
 }
 
 // Record icon helpers
-static NSImage *CreateRecordIconImage(CGFloat size) {
-    const CGFloat leadingInset = 24.0;
-    const CGFloat trailingSpacing = 6.0;
-    CGFloat width = leadingInset + size + trailingSpacing;
-    NSImage *image = [[[NSImage alloc] initWithSize:NSMakeSize(width, size)] autorelease];
+// ---------------------------------------------------------------------------
+// Marka butonu metrikleri — electron/main.cjs içindeki alan seçici `button.primary`
+// ile bire bir: padding 14px 26px | min-width 220px | radius 18px | font 15px/650
+// gap 10px | ikon 20px halka + 8px nokta | hover: translateY(-1px)
+// ---------------------------------------------------------------------------
+static const CGFloat kBrandFontSize = 15.0;
+static const CGFloat kBrandCornerRadius = 18.0;
+static const CGFloat kBrandPaddingX = 26.0;
+static const CGFloat kBrandPaddingY = 16.0;  // web 14px; NSButton'da metin
+                                             // biraz daha sıkışık durduğu için +2
+static const CGFloat kBrandMinWidth = 220.0;
+static const CGFloat kBrandIconDiameter = 20.0;
+static const CGFloat kBrandIconSpacing = 10.0;
+// Hover: web'de renk DEĞİŞMİYOR, buton 1px yukarı kalkıyor.
+static const CGFloat kBrandHoverLift = 1.0;
+
+// CSS açısı (0° = yukarı, saat yönü) -> NSGradient açısı (0° = sağa, saat yönü tersi)
+static const CGFloat kBrandBaseAngle = 259.0;   // CSS 190.98deg
+static const CGFloat kBrandGlossAngle = 249.25; // CSS 200.71deg
+
+// Alan seçicideki .primary-icon ile aynı: 20x20 halka, 2px beyaz kenarlık
+// (%90 alfa), ortasında 8px beyaz nokta. Sağdaki boşluk CSS'teki gap:10px.
+static NSImage *CreateRecordIconImage(CGFloat diameter, CGFloat trailingGap) {
+    CGFloat width = diameter + trailingGap;
+    NSImage *image = [[[NSImage alloc] initWithSize:NSMakeSize(width, diameter)] autorelease];
     if (!image) {
         return nil;
     }
@@ -97,26 +117,25 @@ static NSImage *CreateRecordIconImage(CGFloat size) {
     [image lockFocus];
 
     [[NSColor clearColor] setFill];
-    NSRectFill(NSMakeRect(0, 0, width, size));
+    NSRectFill(NSMakeRect(0, 0, width, diameter));
 
-    CGFloat strokeWidth = MAX(2.0, size * 0.12);
-    NSRect iconRect = NSMakeRect(leadingInset,
-                                 (size - size) / 2.0,
-                                 size,
-                                 size);
+    NSColor *iconColor = [NSColor colorWithSRGBRed:1.0 green:1.0 blue:1.0 alpha:0.9];
+
+    const CGFloat strokeWidth = 2.0;
+    NSRect iconRect = NSMakeRect(0, 0, diameter, diameter);
     NSRect outerRect = NSInsetRect(iconRect, strokeWidth / 2.0, strokeWidth / 2.0);
     NSBezierPath *outerPath = [NSBezierPath bezierPathWithOvalInRect:outerRect];
     [outerPath setLineWidth:strokeWidth];
-    [[NSColor whiteColor] setStroke];
+    [iconColor setStroke];
     [outerPath stroke];
 
-    CGFloat innerDiameter = size * 0.45;
+    const CGFloat innerDiameter = 8.0;
     NSRect innerRect = NSMakeRect(NSMidX(iconRect) - innerDiameter / 2.0,
                                   NSMidY(iconRect) - innerDiameter / 2.0,
                                   innerDiameter,
                                   innerDiameter);
     NSBezierPath *innerPath = [NSBezierPath bezierPathWithOvalInRect:innerRect];
-    [[NSColor whiteColor] setFill];
+    [iconColor setFill];
     [innerPath fill];
 
     [image unlockFocus];
@@ -128,7 +147,7 @@ static NSImage *CreateRecordIconImage(CGFloat size) {
 static NSImage *GetStartRecordIcon(void) {
     static NSImage *recordIcon = nil;
     if (!recordIcon) {
-        recordIcon = [CreateRecordIconImage(18.0) retain];
+        recordIcon = [CreateRecordIconImage(kBrandIconDiameter, kBrandIconSpacing) retain];
     }
     return recordIcon;
 }
@@ -146,15 +165,54 @@ static void ApplyStartRecordButtonIcon(NSButton *button) {
     [button setImage:icon];
     [button setImageScaling:NSImageScaleNone];
     [button setImagePosition:NSImageLeft];
+    // İç boşluk ApplyBrandButtonStyle'da ayarlanıyor (padding 14px 26px).
+}
 
-    if ([button respondsToSelector:@selector(setContentInsets:)]) {
-        NSEdgeInsets insets = NSEdgeInsetsMake(0, 12.0, 0, 12.0);
-        [button setContentInsets:insets];
+// ---------------------------------------------------------------------------
+// Marka butonu — pages/selection.vue içindeki .confirm-button ile aynı görünüm
+//
+//   background: linear-gradient(200.71deg, rgba(255,255,255,.57) -0.3%,
+//                               rgba(255,255,255,0) 70.49%),
+//               linear-gradient(190.98deg, #006aff 26.77%, #0030ff);
+//   color: #fff | padding: 8px 16px | border-radius: 6px | font-size: 14px
+//   hover: filter: brightness(0.92) | transition: 0.2s
+//
+// Arka plan drawRect'te çizilir: CAGradientLayer sublayer olarak eklenince
+// butonun başlığı ve ikonu gradient'in ALTINDA kalıyor.
+// ---------------------------------------------------------------------------
+static NSFont *BrandButtonFont(void) {
+    // CSS: font-size 15px, font-weight 650 (semibold ile bire bir yakın).
+    NSFont *inter = [NSFont fontWithName:@"Inter-SemiBold" size:kBrandFontSize];
+    if (inter) return inter;
+    return [NSFont systemFontOfSize:kBrandFontSize weight:NSFontWeightSemibold];
+}
+
+static NSGradient *BrandBaseGradient(void) {
+    static NSGradient *gradient = nil;
+    if (!gradient) {
+        NSColor *from = [NSColor colorWithSRGBRed:0.0 green:106.0 / 255.0 blue:1.0 alpha:1.0];
+        NSColor *to = [NSColor colorWithSRGBRed:0.0 green:48.0 / 255.0 blue:1.0 alpha:1.0];
+        gradient = [[NSGradient alloc] initWithColorsAndLocations:from, 0.2677, to, 1.0, nil];
     }
+    return gradient;
+}
 
-    if ([button respondsToSelector:@selector(setContentTintColor:)]) {
-        [button setContentTintColor:[NSColor whiteColor]];
+static NSGradient *BrandGlossGradient(void) {
+    static NSGradient *gradient = nil;
+    if (!gradient) {
+        NSColor *from = [NSColor colorWithSRGBRed:1.0 green:1.0 blue:1.0 alpha:0.57];
+        NSColor *to = [NSColor colorWithSRGBRed:1.0 green:1.0 blue:1.0 alpha:0.0];
+        gradient = [[NSGradient alloc] initWithColorsAndLocations:from, 0.0, to, 0.7049, nil];
     }
+    return gradient;
+}
+
+static void DrawBrandBackground(NSRect bounds) {
+    NSBezierPath *path = [NSBezierPath bezierPathWithRoundedRect:bounds
+                                                        xRadius:kBrandCornerRadius
+                                                        yRadius:kBrandCornerRadius];
+    [BrandBaseGradient() drawInBezierPath:path angle:kBrandBaseAngle];
+    [BrandGlossGradient() drawInBezierPath:path angle:kBrandGlossAngle];
 }
 
 // CGWindow (sol-üst orijin) <-> Cocoa (sol-alt orijin) dönüşümünde referans yükseklik
@@ -205,6 +263,10 @@ void updateScreenOverlays();
 // Custom button with hover effects
 @interface HoverButton : NSButton
 @property (nonatomic) BOOL isHovered;
+// Marka butonu (alan seçimindeki mavi buton) görünümü: arka plan drawRect'te
+// çizilir. CAGradientLayer sublayer olarak eklenirse butonun kendi çizimi
+// (başlık + ikon) ALTINDA kalıyor, o yüzden katman değil çizim kullanılıyor.
+@property (nonatomic) BOOL usesBrandStyle;
 - (void)setupHoverTracking;
 @end
 
@@ -368,7 +430,19 @@ void updateScreenOverlays();
 - (void)mouseEntered:(NSEvent *)event {
     self.isHovered = YES;
     [[NSCursor pointingHandCursor] set];
-    
+
+    // Marka butonu: hover'da web ile aynı şekilde HAFİF KOYULAŞIR
+    // (filter: brightness(0.92)). Gradient katmanlı olduğu için backgroundColor
+    // ile oynanamaz, örtü katmanının opacity'si kullanılır.
+    if (self.usesBrandStyle) {
+        // CSS: transform: translateY(-1px) — renk değişmiyor, buton kalkıyor.
+        [CATransaction begin];
+        [CATransaction setAnimationDuration:0.11];
+        self.layer.transform = CATransform3DMakeTranslation(0, kBrandHoverLift, 0);
+        [CATransaction commit];
+        return;
+    }
+
     // Brighten background on hover
     if (self.layer.backgroundColor) {
         CGFloat red, green, blue, alpha;
@@ -388,7 +462,15 @@ void updateScreenOverlays();
 - (void)mouseExited:(NSEvent *)event {
     self.isHovered = NO;
     [[NSCursor arrowCursor] set];
-    
+
+    if (self.usesBrandStyle) {
+        [CATransaction begin];
+        [CATransaction setAnimationDuration:0.11];
+        self.layer.transform = CATransform3DIdentity;
+        [CATransaction commit];
+        return;
+    }
+
     // Restore original background color
     NSString *title = [self title];
     if ([title isEqualToString:@"Start Record"]) {
@@ -412,18 +494,100 @@ void updateScreenOverlays();
 
 - (void)updateTrackingAreas {
     [super updateTrackingAreas];
-    
+
     // Remove old tracking areas
     for (NSTrackingArea *area in self.trackingAreas) {
         [self removeTrackingArea:area];
     }
-    
+
     // Add new tracking area
     [self setupHoverTracking];
 }
 
+// Marka arka planı drawRect'te çizildiği için başlık ve ikon her zaman ÜSTTE kalır.
+- (void)drawRect:(NSRect)dirtyRect {
+    if (self.usesBrandStyle) {
+        DrawBrandBackground([self bounds]);
+    }
+    [super drawRect:dirtyRect];
+}
+
 @end
 
+// Marka butonu stilini uygular: alan seçimindeki .confirm-button ile aynı
+// tipografi, köşe ve iç boşluk. Arka planı HoverButton.drawRect çiziyor.
+static void ApplyBrandButtonStyle(NSButton *button) {
+    if (!button) return;
+
+    [button setWantsLayer:YES];
+    [button setBordered:NO];
+    [button setFocusRingType:NSFocusRingTypeNone];
+    [button setShowsBorderOnlyWhileMouseInside:NO];
+
+    if ([button isKindOfClass:[HoverButton class]]) {
+        [(HoverButton *)button setUsesBrandStyle:YES];
+    }
+
+    CALayer *root = [button layer];
+    if (root) {
+        // Arka plan drawRect'te; katman tarafında hiçbir dolgu/kenar kalmasın.
+        root.backgroundColor = [[NSColor clearColor] CGColor];
+        root.borderWidth = 0.0;
+        root.borderColor = [[NSColor clearColor] CGColor];
+        root.shadowOpacity = 0.0;
+        root.shadowRadius = 0.0;
+        root.shadowOffset = CGSizeMake(0, 0);
+        root.masksToBounds = NO;
+    }
+
+    NSFont *font = BrandButtonFont();
+    [button setFont:font];
+
+    // İç boşluk web ile aynı: padding 14px 26px.
+    if ([button respondsToSelector:@selector(setContentInsets:)]) {
+        [button setContentInsets:NSEdgeInsetsMake(kBrandPaddingY, kBrandPaddingX,
+                                                  kBrandPaddingY, kBrandPaddingX)];
+    }
+    // Web'de ikon ve metin bir arada ortalanıyor (inline-flex + center).
+    // Bu olmadan NSButton ikonu sol kenara dayar, metni ortada bırakır.
+    if ([button respondsToSelector:@selector(setImageHugsTitle:)]) {
+        [button setImageHugsTitle:YES];
+    }
+
+    NSString *title = [button title] ?: @"";
+    NSMutableParagraphStyle *paragraph = [[NSMutableParagraphStyle alloc] init];
+    [paragraph setAlignment:NSTextAlignmentCenter];
+    NSDictionary *attributes = @{
+        NSForegroundColorAttributeName : [NSColor whiteColor],
+        NSParagraphStyleAttributeName : paragraph,
+        NSFontAttributeName : font
+    };
+    NSMutableAttributedString *attributed =
+        [[NSMutableAttributedString alloc] initWithString:title];
+    [attributed addAttributes:attributes range:NSMakeRange(0, [attributed length])];
+    [button setAttributedTitle:attributed];
+
+    // Boyut: içerik + padding, en az min-width 220px (web ile aynı).
+    NSSize textSize = [title sizeWithAttributes:attributes];
+    CGFloat contentWidth = ceil(textSize.width);
+    CGFloat contentHeight = ceil(textSize.height);
+    NSImage *icon = [button image];
+    if (icon) {
+        // İkon görüntüsü sağındaki gap'i (10px) zaten içeriyor.
+        contentWidth += [icon size].width;
+        contentHeight = MAX(contentHeight, [icon size].height);
+    }
+    NSRect frame = [button frame];
+    frame.size.width = MAX(kBrandMinWidth, contentWidth + kBrandPaddingX * 2.0);
+    frame.size.height = contentHeight + kBrandPaddingY * 2.0;
+    [button setFrame:frame];
+    [button setNeedsDisplay:YES];
+
+    [attributed release];
+    [paragraph release];
+}
+
+
 @implementation NoFocusWindow
 
 - (BOOL)canBecomeKeyWindow {
@@ -1207,28 +1371,10 @@ void updateOverlay() {
                 [targetSelectButton setBordered:NO];
                 [targetSelectButton setFont:[NSFont systemFontOfSize:16 weight:NSFontWeightRegular]];
                 
-                // CRITICAL VISUAL FIX: Super aggressive styling for external displays
-                [targetSelectButton setWantsLayer:YES];
-                [targetSelectButton.layer setBackgroundColor:[[NSColor redColor] CGColor]]; // BRIGHT RED for testing
-                [targetSelectButton.layer setCornerRadius:8.0];
-                [targetSelectButton.layer setBorderWidth:3.0]; // THICK border
-                [targetSelectButton.layer setBorderColor:[[NSColor yellowColor] CGColor]]; // YELLOW border
-                [targetSelectButton.layer setMasksToBounds:YES];
-                
-                // Force very visible styling
-                [targetSelectButton.layer setShadowColor:[[NSColor blackColor] CGColor]];
-                [targetSelectButton.layer setShadowOffset:CGSizeMake(5, 5)];
-                [targetSelectButton.layer setShadowRadius:10.0];
-                [targetSelectButton.layer setShadowOpacity:1.0];
-                
-                // Clean white text - normal weight
-                NSMutableAttributedString *titleString = [[NSMutableAttributedString alloc] 
-                    initWithString:[targetSelectButton title]];
-                [titleString addAttribute:NSForegroundColorAttributeName 
-                                    value:[NSColor whiteColor] 
-                                    range:NSMakeRange(0, [titleString length])];
-                [targetSelectButton setAttributedTitle:titleString];
-                
+                // Alan seçimindeki mavi buton ile aynı marka görünümü
+                ApplyStartRecordButtonIcon(targetSelectButton);
+                ApplyBrandButtonStyle(targetSelectButton);
+
                 // Set target and action
                 if (!g_delegate) {
                     g_delegate = [[WindowSelectorDelegate alloc] init];
@@ -1244,7 +1390,10 @@ void updateOverlay() {
                 NSLog(@"🆕 Added new button to Screen %ld overlay - total subviews now: %lu", targetScreenIndex, [targetOverlay.contentView subviews].count);
             }
 
+            // Butonun her gösterimde marka metriklerinde kalmasını garanti et
+            // (mevcut buton yeniden kullanılıyor olabilir).
             ApplyStartRecordButtonIcon(targetSelectButton);
+            ApplyBrandButtonStyle(targetSelectButton);
 
             // Position buttons - Start Record in center of selected window
             if (targetSelectButton) {
@@ -1614,15 +1763,17 @@ void updateScreenOverlays() {
                     if ([subview isKindOfClass:[NSButton class]]) {
                         NSButton *button = (NSButton *)subview;
                         if ([button.title isEqualToString:@"Start Record"]) {
-                            if (isActiveScreen) {
-                                // Active screen: bright, prominent button with new RGB color
-                                [button.layer setBackgroundColor:[[NSColor colorWithRed:77.0/255.0 green:30.0/255.0 blue:231.0/255.0 alpha:1.0] CGColor]];
-                                [button setAlphaValue:1.0];
-                            } else {
-                                // Inactive screen: dimmer button with new RGB color
-                                [button.layer setBackgroundColor:[[NSColor colorWithRed:77.0/255.0 green:30.0/255.0 blue:231.0/255.0 alpha:0.6] CGColor]];
-                                [button setAlphaValue:0.7];
+                            // Marka butonunun arka planı drawRect'te çiziliyor;
+                            // layer.backgroundColor set edilirse hapın altında
+                            // köşeli bir dikdörtgen olarak görünüyor.
+                            BOOL usesBrand = [button isKindOfClass:[HoverButton class]] &&
+                                             [(HoverButton *)button usesBrandStyle];
+                            if (!usesBrand) {
+                                [button.layer setBackgroundColor:
+                                    [[NSColor colorWithRed:77.0/255.0 green:30.0/255.0 blue:231.0/255.0
+                                                     alpha:(isActiveScreen ? 1.0 : 0.6)] CGColor]];
                             }
+                            [button setAlphaValue:isActiveScreen ? 1.0 : 0.7];
                         }
                     }
                     if ([subview isKindOfClass:[NSTextField class]]) {
@@ -1827,29 +1978,11 @@ bool startScreenSelection() {
             [selectButton setFont:[NSFont systemFontOfSize:16 weight:NSFontWeightRegular]];
             [selectButton setTag:i]; // Set screen index as tag
             
-            // Modern button styling with new RGB color
-            [selectButton setWantsLayer:YES];
-            [selectButton.layer setBackgroundColor:[[NSColor colorWithRed:90.0/255.0 green:50.0/255.0 blue:250.0/255.0 alpha:1.0] CGColor]];
-            [selectButton.layer setCornerRadius:8.0];
-            [selectButton.layer setBorderWidth:0.0];
-            
-            // Remove all button borders and decorations
-            [selectButton.layer setShadowOpacity:0.0];
-            [selectButton.layer setShadowRadius:0.0];
-            [selectButton.layer setShadowOffset:NSMakeSize(0, 0)];
-            [selectButton.layer setMasksToBounds:YES];
-            
-            // Clean white text - normal weight
-            [selectButton setFont:[NSFont systemFontOfSize:16 weight:NSFontWeightRegular]];
+            // Alan seçimindeki mavi buton ile aynı marka görünümü
             [selectButton setTitle:@"Start Record"];
-            NSMutableAttributedString *titleString = [[NSMutableAttributedString alloc] 
-                initWithString:[selectButton title]];
-            [titleString addAttribute:NSForegroundColorAttributeName 
-                                value:[NSColor whiteColor] 
-                                range:NSMakeRange(0, [titleString length])];
-            [selectButton setAttributedTitle:titleString];
-
             ApplyStartRecordButtonIcon(selectButton);
+            ApplyBrandButtonStyle(selectButton);
+
 
             // Clean button - no shadows or highlights
 
@@ -2314,29 +2447,10 @@ Napi::Value StartWindowSelection(const Napi::CallbackInfo& info) {
         [g_selectButton setBordered:NO];
         [g_selectButton setFont:[NSFont systemFontOfSize:16 weight:NSFontWeightRegular]];
         
-        // Modern button styling with new RGB color
-        [g_selectButton setWantsLayer:YES];
-        [g_selectButton.layer setBackgroundColor:[[NSColor colorWithRed:90.0/255.0 green:50.0/255.0 blue:250.0/255.0 alpha:1.0] CGColor]];
-        [g_selectButton.layer setCornerRadius:8.0];
-        [g_selectButton.layer setBorderWidth:0.0];
-        
-        // Remove all button borders and decorations
-        [g_selectButton.layer setShadowOpacity:0.0];
-        [g_selectButton.layer setShadowRadius:0.0];
-        [g_selectButton.layer setShadowOffset:NSMakeSize(0, 0)];
-        [g_selectButton.layer setMasksToBounds:YES];
-        [g_selectButton.layer setBorderWidth:0.0];
-        [g_selectButton.layer setBorderColor:[[NSColor clearColor] CGColor]];
-        
-        // Clean white text - normal weight
-        NSMutableAttributedString *titleString = [[NSMutableAttributedString alloc] 
-            initWithString:[g_selectButton title]];
-        [titleString addAttribute:NSForegroundColorAttributeName 
-                            value:[NSColor whiteColor] 
-                            range:NSMakeRange(0, [titleString length])];
-        [g_selectButton setAttributedTitle:titleString];
-
+        // Alan seçimindeki mavi buton ile aynı marka görünümü
         ApplyStartRecordButtonIcon(g_selectButton);
+        ApplyBrandButtonStyle(g_selectButton);
+
 
         // Create delegate for button action and timer
         g_delegate = [[WindowSelectorDelegate alloc] init];