release: v0.0.12 - smart platform auto-updater, clean player header with gear settings, tv remote optimization, fixed media buffering

index.html

@@ -7,10 +7,10 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <title>has</title>
-    <!-- HAS Cinema AdGuard & Anti-Popup Shield (WebView Network & DOM Interceptor) -->
+    <!-- HAS Cinema Anti-Popup & Safe Browsing Shield -->
     <script>
       (function() {
-        // 1. Anti-Popup & Tab Hijack Guard
+        // Anti-Popup & Tab Hijack Guard (Blocks opening background ad popups)
         try {
           const fakeWindow = {
             closed: true,
@@ -21,122 +21,33 @@
             location: { href: "about:blank" }
           };
           window.open = function(url) {
-            console.warn("[HAS AdGuard] Blocked unauthorized window.open:", url);
+            console.warn("[HAS AdGuard] Blocked popup window.open:", url);
             return fakeWindow;
           };
         } catch (_) {}
 
-        // 2. Comprehensive Ad & Casino Blacklist Patterns (Riobet, 1xBet, Vavada, Bet networks)
+        // Prevent click hijacking on known casino/ad links
-        const AD_PATTERNS = [
+        const AD_DOMAINS = [
-          /riobet/i, /1xbet/i, /vavada/i, /mostbet/i, /pin-up/i, /bet365/i, /casino/i,
+          "riobet", "1xbet", "vavada", "mostbet", "pin-up", "bet365",
-          /adsterra/i, /propellerads/i, /popcash/i, /monetag/i, /clickadu/i,
+          "adsterra", "propellerads", "popcash", "monetag", "clickadu",
-          /exoclick/i, /juicyads/i, /adcash/i, /trafficjunky/i, /syndication/i,
+          "exoclick", "juicyads", "adcash", "trafficjunky",
-          /delivembd/i, /betandyou/i, /melbet/i, /linebet/i, /fonbet/i, /parimatch/i,
+          "melbet", "linebet", "fonbet", "parimatch", "betboom", "vulkan", "joycasino"
-          /advmaker/i, /trafox/i, /adsupply/i, /marketgid/i, /mgid/i, /yadro\.ru/i,
-          /betboom/i, /vulkan/i, /joycasino/i, /admiral/i, /champion/i
         ];
 
-        const VAST_PATTERNS = [
-          /\/vast/i, /\/vpaid/i, /vast\.xml/i, /vpaid\.js/i, /adservice/i,
-          /doubleclick\.net/i, /aniview/i, /adform/i, /adman/i
-        ];
-
-        function isAdUrl(url) {
-          if (!url || typeof url !== "string") return false;
-          for (let i = 0; i < AD_PATTERNS.length; i++) {
-            if (AD_PATTERNS[i].test(url)) return true;
-          }
-          return false;
-        }
-
-        function isVastUrl(url) {
-          if (!url || typeof url !== "string") return false;
-          for (let i = 0; i < VAST_PATTERNS.length; i++) {
-            if (VAST_PATTERNS[i].test(url)) return true;
-          }
-          return false;
-        }
-
-        // 3. Network Interceptor: Block VAST & Casino Ad Requests in fetch()
-        if (typeof window.fetch === "function") {
-          const origFetch = window.fetch;
-          window.fetch = function(input, init) {
-            const url = typeof input === "string" ? input : (input && input.url ? input.url : "");
-            if (isAdUrl(url)) {
-              console.warn("[HAS AdGuard] Blocked ad fetch:", url);
-              return Promise.reject(new Error("Blocked by HAS AdGuard"));
-            }
-            if (isVastUrl(url)) {
-              console.warn("[HAS AdGuard] Intercepted VAST ad request, bypassing:", url);
-              // Return empty VAST 3.0 response to trigger instant ad bypass in video players
-              return Promise.resolve(new Response(
-                '<?xml version="1.0" encoding="UTF-8"?><VAST version="3.0"/>',
-                { status: 200, headers: { "Content-Type": "text/xml" } }
-              ));
-            }
-            return origFetch.apply(this, arguments);
-          };
-        }
-
-        // 4. Network Interceptor: Block VAST & Casino Ad Requests in XMLHttpRequest
-        if (typeof window.XMLHttpRequest === "function") {
-          const origOpen = XMLHttpRequest.prototype.open;
-          const origSend = XMLHttpRequest.prototype.send;
-          XMLHttpRequest.prototype.open = function(method, url) {
-            this._hasUrl = typeof url === "string" ? url : "";
-            return origOpen.apply(this, arguments);
-          };
-          XMLHttpRequest.prototype.send = function() {
-            if (isAdUrl(this._hasUrl)) {
-              console.warn("[HAS AdGuard] Blocked XHR ad request:", this._hasUrl);
-              this.abort();
-              return;
-            }
-            if (isVastUrl(this._hasUrl)) {
-              console.warn("[HAS AdGuard] Mocking empty VAST for XHR:", this._hasUrl);
-              Object.defineProperty(this, "responseText", { value: '<?xml version="1.0" encoding="UTF-8"?><VAST version="3.0"/>' });
-              Object.defineProperty(this, "responseXML", {
-                value: new DOMParser().parseFromString('<VAST version="3.0"/>', "text/xml")
-              });
-              Object.defineProperty(this, "status", { value: 200 });
-              Object.defineProperty(this, "readyState", { value: 4 });
-              setTimeout(() => {
-                if (typeof this.onreadystatechange === "function") this.onreadystatechange();
-                if (typeof this.onload === "function") this.onload();
-              }, 10);
-              return;
-            }
-            return origSend.apply(this, arguments);
-          };
-        }
-
-        // 5. Click Interceptor for ad redirects
         document.addEventListener("click", function(e) {
           const a = e.target && e.target.closest ? e.target.closest("a") : null;
-          if (a && a.href && isAdUrl(a.href)) {
+          if (a && a.href) {
-            e.preventDefault();
+            const href = a.href.toLowerCase();
-            e.stopPropagation();
+            for (let i = 0; i < AD_DOMAINS.length; i++) {
-            console.warn("[HAS AdGuard] Intercepted ad redirect:", a.href);
+              if (href.includes(AD_DOMAINS[i])) {
-          }
+                e.preventDefault();
-        }, true);
+                e.stopPropagation();
-
+                console.warn("[HAS AdGuard] Intercepted ad click:", a.href);
-        // 6. Automatic Ad-Skip Button Clicker
+                return;
-        setInterval(function() {
-          try {
-            const skipSelectors = [
-              ".skip-ad", ".ad-skip", ".videoAdUiSkipButton",
-              "button.skip", "[class*='skip-button']", "[class*='skip_ad']",
-              ".preroll-skip", "#skip-ad-button", ".ad-skip-btn"
-            ];
-            for (let i = 0; i < skipSelectors.length; i++) {
-              const btn = document.querySelector(skipSelectors[i]);
-              if (btn && typeof btn.click === "function") {
-                console.log("[HAS AdGuard] Auto-clicking skip button:", skipSelectors[i]);
-                btn.click();
               }
             }
-          } catch (_) {}
+          }
-        }, 300);
+        }, true);
       })();
     </script>
   </head>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "has",
   "private": true,
-  "version": "0.0.11",
+  "version": "0.0.12",
   "type": "module",
   "scripts": {
     "dev": "vite",

src-tauri/Cargo.lock

@@ -1581,7 +1581,7 @@ dependencies = [
 
 [[package]]
 name = "has"
-version = "0.0.11"
+version = "0.0.12"
 dependencies = [
  "base64 0.22.1",
  "bcrypt",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "has"
-version = "0.0.11"
+version = "0.0.12"
 description = "has"
 authors = ["autli"]
 edition = "2024"

src-tauri/src/lib.rs

@@ -6,7 +6,7 @@ mod cinema;
 
 use admin::DeviceSecurityInfo;
 use auth::{AuthResponse, DbStatus, ResetRequestResponse};
-use serde::Serialize;
+use serde::{Deserialize, Serialize};
 use storage::{ServerUserDto, StorageItemDto, StorageStats};
 
 #[derive(Debug, Serialize)]
@@ -201,6 +201,150 @@ async fn admin_delete_user(
     admin::admin_delete_user(&admin_email, target_id, admin_pin).await
 }
 
+#[derive(Debug, Clone, Serialize, Deserialize)]
+pub struct AppReleaseInfo {
+    pub version: String,
+    pub current_version: String,
+    pub body: String,
+    pub has_update: bool,
+    pub download_url: String,
+    pub platform: String,
+    pub windows_url: Option<String>,
+    pub tv_apk_url: Option<String>,
+    pub mobile_apk_url: Option<String>,
+    pub linux_url: Option<String>,
+    pub macos_url: Option<String>,
+}
+
+fn detect_current_platform() -> &'static str {
+    #[cfg(target_os = "android")]
+    {
+        "android"
+    }
+    #[cfg(target_os = "windows")]
+    {
+        "windows"
+    }
+    #[cfg(target_os = "macos")]
+    {
+        "macos"
+    }
+    #[cfg(target_os = "linux")]
+    {
+        "linux"
+    }
+    #[cfg(not(any(target_os = "android", target_os = "windows", target_os = "macos", target_os = "linux")))]
+    {
+        "unknown"
+    }
+}
+
+fn is_newer_semver(remote: &str, current: &str) -> bool {
+    let parse = |v: &str| -> Vec<u32> {
+        v.trim_start_matches('v')
+            .split('.')
+            .map(|s| s.parse::<u32>().unwrap_or(0))
+            .collect()
+    };
+    let r = parse(remote);
+    let c = parse(current);
+    for i in 0..r.len().max(c.len()) {
+        let rv = *r.get(i).unwrap_or(&0);
+        let cv = *c.get(i).unwrap_or(&0);
+        if rv > cv {
+            return true;
+        }
+        if rv < cv {
+            return false;
+        }
+    }
+    false
+}
+
+#[tauri::command]
+async fn check_app_update(current_version: Option<String>) -> Result<AppReleaseInfo, String> {
+    let cur_ver = current_version.unwrap_or_else(|| env!("CARGO_PKG_VERSION").to_string());
+    let client = reqwest::Client::builder()
+        .user_agent("HAS-App-Updater")
+        .timeout(std::time::Duration::from_secs(10))
+        .build()
+        .map_err(|e| e.to_string())?;
+
+    let res = client
+        .get("https://api.github.com/repos/autli5/has/releases/latest")
+        .header("Accept", "application/vnd.github.v3+json")
+        .send()
+        .await
+        .map_err(|e| format!("Failed to reach GitHub: {}", e))?;
+
+    if !res.status().is_success() {
+        return Err(format!("GitHub API returned HTTP {}", res.status()));
+    }
+
+    let json: serde_json::Value = res.json().await.map_err(|e| e.to_string())?;
+    let raw_tag = json["tag_name"].as_str().unwrap_or("0.0.0");
+    let remote_version = raw_tag.trim_start_matches('v').to_string();
+    let body = json["body"].as_str().unwrap_or("Новое обновление доступно.").to_string();
+    let html_url = json["html_url"]
+        .as_str()
+        .unwrap_or("https://github.com/autli5/has/releases/latest")
+        .to_string();
+
+    let has_update = is_newer_semver(&remote_version, &cur_ver);
+
+    let mut tv_apk_url = None;
+    let mut mobile_apk_url = None;
+    let mut windows_url = None;
+    let mut linux_url = None;
+    let mut macos_url = None;
+
+    if let Some(assets) = json["assets"].as_array() {
+        for asset in assets {
+            if let (Some(name), Some(url)) = (asset["name"].as_str(), asset["browser_download_url"].as_str()) {
+                let lower = name.to_lowercase();
+                if (lower.contains("_tv_") || lower.contains("-tv-") || lower.contains(".tv.")) && lower.ends_with(".apk") {
+                    tv_apk_url = Some(url.to_string());
+                } else if lower.ends_with(".apk") && mobile_apk_url.is_none() {
+                    mobile_apk_url = Some(url.to_string());
+                } else if lower.ends_with(".exe") || lower.ends_with(".msi") {
+                    if windows_url.is_none() || lower.ends_with(".exe") {
+                        windows_url = Some(url.to_string());
+                    }
+                } else if lower.ends_with(".deb") || lower.ends_with(".appimage") || lower.ends_with(".rpm") {
+                    if linux_url.is_none() || lower.ends_with(".deb") {
+                        linux_url = Some(url.to_string());
+                    }
+                } else if lower.ends_with(".dmg") {
+                    macos_url = Some(url.to_string());
+                }
+            }
+        }
+    }
+
+    if tv_apk_url.is_none() && mobile_apk_url.is_some() {
+        tv_apk_url = mobile_apk_url.clone();
+    }
+    if mobile_apk_url.is_none() && tv_apk_url.is_some() {
+        mobile_apk_url = tv_apk_url.clone();
+    }
+
+    let platform = detect_current_platform().to_string();
+
+    Ok(AppReleaseInfo {
+        version: remote_version,
+        current_version: cur_ver,
+        body,
+        has_update,
+        download_url: html_url,
+        platform,
+        windows_url,
+        tv_apk_url,
+        mobile_apk_url,
+        linux_url,
+        macos_url,
+    })
+}
+
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub fn run() {
     let _ = rustls::crypto::ring::default_provider().install_default();
@@ -254,7 +398,8 @@ pub fn run() {
             cinema::toggle_cinema_bookmark,
             cinema::tmdb_query,
             cinema::get_russian_media_info,
-            cinema::filter_playable_media
+            cinema::filter_playable_media,
+            check_app_update
         ])
         .run(tauri::generate_context!())
         .expect("error while running tauri application");

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "has",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "identifier": "com.has.tauri-app",
   "build": {
     "beforeDevCommand": "npm run dev",

src/App.css

@@ -417,6 +417,13 @@ svg {
   color: #cbd5e1;
 }
 
+/* Button 3: Выход из приложения (Exit) */
+.has-tv-updater-btn.btn-exit {
+  background: rgba(239, 68, 68, 0.15);
+  border: 2px solid rgba(239, 68, 68, 0.35);
+  color: #fca5a5;
+}
+
 /* D-Pad Remote Control Focused Glow */
 .has-tv-updater-btn.focused {
   transform: scale(1.08);
@@ -430,6 +437,12 @@ svg {
   box-shadow: 0 0 0 4px #ffffff, 0 0 30px rgba(255, 255, 255, 0.4) !important;
 }
 
+.has-tv-updater-btn.btn-exit.focused {
+  background: rgba(220, 38, 38, 0.9);
+  box-shadow: 0 0 0 4px #ffffff, 0 0 35px rgba(239, 68, 68, 0.8) !important;
+  color: #ffffff;
+}
+
 /* TV Progress View */
 .has-tv-updater-progress-container {
   width: 100%;

src/components/UpdaterBanner.tsx

@@ -1,9 +1,18 @@
-import { useState, useEffect, useCallback } from "react";
+import { useState, useEffect, useCallback, useRef } from "react";
 import { playTvBeep } from "../utils/tvAudio";
 
+export type DetectedPlatform = "windows" | "android_tv" | "android_mobile" | "linux" | "macos" | "web";
+
 interface UpdateInfo {
   version: string;
   body: string | null;
+  downloadUrl?: string;
+  platform?: string;
+  windowsUrl?: string | null;
+  tvApkUrl?: string | null;
+  mobileApkUrl?: string | null;
+  linuxUrl?: string | null;
+  macosUrl?: string | null;
 }
 
 interface UpdaterBannerProps {
@@ -44,8 +53,42 @@ const detectTvEnvironment = (): boolean => {
   return false;
 };
 
+// Detect client platform
+const detectClientPlatform = (isTv: boolean, backendPlatform?: string): DetectedPlatform => {
+  if (isTv) return "android_tv";
+  if (backendPlatform === "android") return "android_mobile";
+  if (backendPlatform === "windows") return "windows";
+  if (backendPlatform === "macos") return "macos";
+  if (backendPlatform === "linux") return "linux";
+
+  const ua = (typeof navigator !== "undefined" ? navigator.userAgent : "").toLowerCase();
+  const plat = (typeof navigator !== "undefined" ? navigator.platform : "").toLowerCase();
+  if (ua.includes("android")) return isTv ? "android_tv" : "android_mobile";
+  if (plat.includes("win") || ua.includes("windows")) return "windows";
+  if (plat.includes("mac") || ua.includes("macintosh")) return "macos";
+  if (plat.includes("linux") || ua.includes("linux")) return "linux";
+  return "web";
+};
+
+// Check if a remote version is strictly newer than the current version
+const isNewerSemver = (remote: string, current: string): boolean => {
+  const cleanRemote = remote.replace(/^v/i, "").trim();
+  const cleanCurrent = current.replace(/^v/i, "").trim();
+  if (cleanRemote === cleanCurrent) return false;
+  const rParts = cleanRemote.split(".").map((n) => parseInt(n, 10) || 0);
+  const cParts = cleanCurrent.split(".").map((n) => parseInt(n, 10) || 0);
+  for (let i = 0; i < Math.max(rParts.length, cParts.length); i++) {
+    const r = rParts[i] ?? 0;
+    const c = cParts[i] ?? 0;
+    if (r > c) return true;
+    if (r < c) return false;
+  }
+  return false;
+};
+
 export function UpdaterBanner({ isTvEnvironment }: UpdaterBannerProps = {}) {
   const [isTv, setIsTv] = useState<boolean>(() => isTvEnvironment ?? detectTvEnvironment());
+  const [currentAppVersion, setCurrentAppVersion] = useState<string>("0.0.12");
   const [updateAvailable, setUpdateAvailable] = useState(false);
   const [updateInfo, setUpdateInfo] = useState<UpdateInfo | null>(null);
   const [downloading, setDownloading] = useState(false);
@@ -53,8 +96,9 @@ export function UpdaterBanner({ isTvEnvironment }: UpdaterBannerProps = {}) {
   const [error, setError] = useState<string | null>(null);
   const [dismissed, setDismissed] = useState(false);
 
-  // Strictly two buttons for TV remote navigation: "update" | "skip"
+  // TV remote navigation: "update" | "skip" | "exit"
-  const [tvFocusedBtn, setTvFocusedBtn] = useState<"update" | "skip">("update");
+  const [tvFocusedBtn, setTvFocusedBtn] = useState<"update" | "skip" | "exit">("update");
+  const updateBtnRef = useRef<HTMLButtonElement | null>(null);
 
   useEffect(() => {
     if (typeof isTvEnvironment === "boolean") {
@@ -62,12 +106,52 @@ export function UpdaterBanner({ isTvEnvironment }: UpdaterBannerProps = {}) {
     }
   }, [isTvEnvironment]);
 
+  // Read current running version from Tauri on startup
+  useEffect(() => {
+    if (typeof window !== "undefined" && "__TAURI_INTERNALS__" in window) {
+      import("@tauri-apps/api/app")
+        .then(({ getVersion }) => getVersion())
+        .then((ver) => {
+          if (ver) setCurrentAppVersion(ver);
+        })
+        .catch(() => {});
+    }
+  }, []);
+
   // Check for updates
   useEffect(() => {
     let cancelled = false;
 
     const checkForUpdates = async () => {
-      // 1. Try official Tauri updater plugin first (Desktop)
+      // 1. Try Rust backend command first (Works on Android TV, Mobile & Desktop without CORS limits)
+      if (typeof window !== "undefined" && "__TAURI_INTERNALS__" in window) {
+        try {
+          const { invoke } = await import("@tauri-apps/api/core");
+          const res = await invoke<any>("check_app_update", {
+            currentVersion: currentAppVersion,
+          });
+          if (!cancelled && res && res.has_update) {
+            setUpdateAvailable(true);
+            setUpdateInfo({
+              version: res.version,
+              body: res.body || "Новое обновление с улучшенной стабильностью и функциями.",
+              downloadUrl: res.download_url,
+              platform: res.platform,
+              windowsUrl: res.windows_url,
+              tvApkUrl: res.tv_apk_url,
+              mobileApkUrl: res.mobile_apk_url,
+              linuxUrl: res.linux_url,
+              macosUrl: res.macos_url,
+            });
+            setDismissed(false);
+            return;
+          }
+        } catch (err) {
+          console.warn("[Updater] Rust backend check failed, trying fallback:", err);
+        }
+      }
+
+      // 2. Desktop Tauri updater plugin (macOS / Windows / Linux)
       if (typeof window !== "undefined" && "__TAURI_INTERNALS__" in window) {
         try {
           const { check } = await import("@tauri-apps/plugin-updater");
@@ -81,46 +165,78 @@ export function UpdaterBanner({ isTvEnvironment }: UpdaterBannerProps = {}) {
             setDismissed(false);
             return;
           }
-        } catch (err) {
+        } catch {
-          console.warn("[Updater] Plugin check fallback:", err);
+          // Expected on mobile / TV webview
         }
       }
 
-      // 2. Fallback check for Android TV / browser via releases endpoint
+      // 3. GitHub API check fallback
       try {
-        const resp = await fetch("https://github.com/autli5/has/releases/latest/download/latest.json");
+        const resp = await fetch("https://api.github.com/repos/autli5/has/releases/latest", {
+          headers: { Accept: "application/vnd.github.v3+json" },
+        });
         if (resp.ok) {
           const data = await resp.json();
-          if (!cancelled && data?.version && data.version !== "0.0.11") {
+          const remoteTag = (data?.tag_name || "").replace(/^v/i, "").trim();
+          if (!cancelled && remoteTag && isNewerSemver(remoteTag, currentAppVersion)) {
+            let tvApk: string | null = null;
+            let mobileApk: string | null = null;
+            let winUrl: string | null = null;
+            let linUrl: string | null = null;
+            let macUrl: string | null = null;
+
+            if (Array.isArray(data?.assets)) {
+              for (const asset of data.assets) {
+                const name: string = (asset.name || "").toLowerCase();
+                const url: string = asset.browser_download_url || "";
+                if ((name.includes("_tv_") || name.includes("-tv-") || name.includes(".tv.")) && name.endsWith(".apk")) {
+                  tvApk = url;
+                } else if (name.endsWith(".apk") && !mobileApk) {
+                  mobileApk = url;
+                } else if (name.endsWith(".exe") || name.endsWith(".msi")) {
+                  if (!winUrl || name.endsWith(".exe")) winUrl = url;
+                } else if (name.endsWith(".deb") || name.endsWith(".appimage") || name.endsWith(".rpm")) {
+                  if (!linUrl || name.endsWith(".deb")) linUrl = url;
+                } else if (name.endsWith(".dmg")) {
+                  macUrl = url;
+                }
+              }
+            }
+
+            if (!tvApk && mobileApk) tvApk = mobileApk;
+            if (!mobileApk && tvApk) mobileApk = tvApk;
+
             setUpdateAvailable(true);
             setUpdateInfo({
-              version: data.version,
+              version: remoteTag,
-              body: data.notes || data.body || "Новое обновление с улучшенной стабильностью и функциями.",
+              body: data.body || "Новое обновление с улучшенной стабильностью и функциями.",
+              downloadUrl: data.html_url || "https://github.com/autli5/has/releases/latest",
+              windowsUrl: winUrl,
+              tvApkUrl: tvApk,
+              mobileApkUrl: mobileApk,
+              linuxUrl: linUrl,
+              macosUrl: macUrl,
             });
             setDismissed(false);
           }
         }
-      } catch {}
+      } catch (err) {
+        console.warn("[Updater] Fallback fetch error:", err);
+      }
     };
 
-    // 1. Initial check after startup
+    const timer = setTimeout(checkForUpdates, 1200);
-    const timer = setTimeout(checkForUpdates, 1000);
+    const interval = setInterval(checkForUpdates, 90 * 1000);
-
-    // 2. Periodic check every 60 seconds
-    const interval = setInterval(checkForUpdates, 60 * 1000);
-
-    // 3. Check whenever window gains focus
     const handleFocus = () => checkForUpdates();
     window.addEventListener("focus", handleFocus);
-
-    // 4. Custom event for manual checks from UI or simulation
     window.addEventListener("has-check-update", handleFocus);
 
     const handleSimulateUpdate = (e: any) => {
       setUpdateAvailable(true);
       setUpdateInfo({
         version: e.detail?.version || "1.0.0",
-        body: e.detail?.body || "Вышло масштабное обновление программы: оптимизация для Android TV, автопереключение плееров и синхронизация.",
+        body: e.detail?.body || "Вышло масштабное обновление программы.",
+        downloadUrl: "https://github.com/autli5/has/releases/latest",
       });
       setDismissed(false);
     };
@@ -134,15 +250,94 @@ export function UpdaterBanner({ isTvEnvironment }: UpdaterBannerProps = {}) {
       window.removeEventListener("has-check-update", handleFocus);
       window.removeEventListener("has-simulate-update", handleSimulateUpdate);
     };
-  }, []);
+  }, [currentAppVersion]);
+
+  // Determine current active platform
+  const clientPlatform = detectClientPlatform(isTv, updateInfo?.platform);
+
+  // Platform-tailored texts and assets
+  const getPlatformDetails = () => {
+    const version = updateInfo?.version || "1.0.0";
+    switch (clientPlatform) {
+      case "windows":
+        return {
+          badge: "🪟 Windows",
+          title: `Доступно обновление для Windows (v${version})`,
+          desc: "Вышла новая версия приложения для Windows. Нажмите «Обновить», чтобы установить последнюю версию программы.",
+          btnLabel: "🚀 Обновить для Windows (.exe)",
+          icon: "🪟",
+        };
+      case "android_tv":
+        return {
+          badge: "📺 Android TV",
+          title: `Доступно обновление для Android TV (v${version})`,
+          desc: "Специальная сборка для телевизоров и ТВ-приставок с поддержкой пульта ДУ (D-Pad), Leanback-интерфейса и плавного воспроизведения.",
+          btnLabel: "🚀 Обновить APK для ТВ",
+          icon: "📺",
+        };
+      case "android_mobile":
+        return {
+          badge: "📱 Android",
+          title: `Доступно обновление для Android (v${version})`,
+          desc: "Новая версия приложения для мобильных телефонов и планшетов на Android.",
+          btnLabel: "🚀 Скачать APK для Android",
+          icon: "📱",
+        };
+      case "linux":
+        return {
+          badge: "🐧 Linux",
+          title: `Доступно обновление для Linux (v${version})`,
+          desc: "Пакет обновления для дистрибутивов Linux (.deb / .AppImage / .rpm).",
+          btnLabel: "🚀 Скачать для Linux (.deb)",
+          icon: "🐧",
+        };
+      case "macos":
+        return {
+          badge: "🍏 macOS",
+          title: `Доступно обновление для macOS (v${version})`,
+          desc: "Новая версия приложения для macOS (.dmg).",
+          btnLabel: "🚀 Скачать образ (.dmg)",
+          icon: "🍏",
+        };
+      default:
+        return {
+          badge: "🚀 Обновление",
+          title: `Доступно обновление v${version}`,
+          desc: "Вышла новая версия программы с улучшенной стабильностью.",
+          btnLabel: "🚀 Обновить сейчас",
+          icon: "🚀",
+        };
+    }
+  };
+
+  const platformInfo = getPlatformDetails();
+
+  // Smart download target selector
+  const resolveTargetUrl = (): string => {
+    if (!updateInfo) return "https://github.com/autli5/has/releases/latest";
+    switch (clientPlatform) {
+      case "windows":
+        return updateInfo.windowsUrl || updateInfo.downloadUrl || "https://github.com/autli5/has/releases/latest";
+      case "android_tv":
+        return updateInfo.tvApkUrl || updateInfo.mobileApkUrl || updateInfo.downloadUrl || "https://github.com/autli5/has/releases/latest";
+      case "android_mobile":
+        return updateInfo.mobileApkUrl || updateInfo.tvApkUrl || updateInfo.downloadUrl || "https://github.com/autli5/has/releases/latest";
+      case "linux":
+        return updateInfo.linuxUrl || updateInfo.downloadUrl || "https://github.com/autli5/has/releases/latest";
+      case "macos":
+        return updateInfo.macosUrl || updateInfo.downloadUrl || "https://github.com/autli5/has/releases/latest";
+      default:
+        return updateInfo.downloadUrl || "https://github.com/autli5/has/releases/latest";
+    }
+  };
 
   const handleInstall = useCallback(async () => {
     setDownloading(true);
     setError(null);
     setProgress(0);
 
-    // Desktop Tauri plugin install
+    // Desktop Windows / macOS / Linux Tauri updater plugin
-    if (typeof window !== "undefined" && "__TAURI_INTERNALS__" in window) {
+    if (typeof window !== "undefined" && "__TAURI_INTERNALS__" in window && !isTv) {
       try {
         const { check } = await import("@tauri-apps/plugin-updater");
         const { relaunch } = await import("@tauri-apps/plugin-process");
@@ -157,66 +352,99 @@ export function UpdaterBanner({ isTvEnvironment }: UpdaterBannerProps = {}) {
               total = event.data?.contentLength ?? 0;
             } else if (event.event === "Progress") {
               downloaded += event.data?.chunkLength ?? 0;
-              if (total > 0) {
-                setProgress(Math.round((downloaded / total) * 100));
-              }
             } else if (event.event === "Finished") {
               setProgress(100);
             }
+            if (total > 0) {
+              setProgress(Math.round((downloaded / total) * 100));
+            }
           });
 
           await relaunch();
           return;
         }
       } catch (e: unknown) {
-        console.warn("[Updater] Desktop updater failed, falling back to download:", e);
+        console.warn("[Updater] Desktop plugin install skipped/fallback:", e);
       }
     }
 
-    // Fallback for Android TV / browser: animated progress and open download
+    // Direct download and open target platform installer/APK
+    const targetUrl = resolveTargetUrl();
+
     let p = 0;
     const progressTimer = setInterval(() => {
-      p += 15;
+      p += 20;
       if (p >= 100) {
         clearInterval(progressTimer);
         setProgress(100);
         setTimeout(async () => {
           try {
             const { openUrl } = await import("@tauri-apps/plugin-opener");
-            await openUrl("https://github.com/autli5/has/releases/latest");
+            await openUrl(targetUrl);
           } catch {
-            window.open("https://github.com/autli5/has/releases/latest", "_blank");
+            window.open(targetUrl, "_blank");
           }
           setDismissed(true);
           setDownloading(false);
-        }, 600);
+        }, 400);
       } else {
         setProgress(p);
       }
-    }, 250);
+    }, 150);
+  }, [isTv, clientPlatform, updateInfo]);
+
+  // Clean Exit from TV application
+  const handleExitApp = useCallback(async () => {
+    try {
+      const { exit } = await import("@tauri-apps/plugin-process");
+      await exit(0);
+    } catch {
+      window.close();
+    }
   }, []);
 
   // Strict Remote Control D-Pad Navigation for TV Update Modal
-  // "рабочие две кнопки чтобы можно было переключаться только между ними
-  // эти две кнопки написанные кнопка обновить и кнопка пропустить"
   useEffect(() => {
     if (!updateAvailable || dismissed || !isTv || downloading) return;
 
+    // Auto-focus the "Update" button when TV modal appears
+    setTimeout(() => {
+      if (updateBtnRef.current) {
+        updateBtnRef.current.focus();
+      }
+    }, 50);
+
     const handleTvKeyDown = (e: KeyboardEvent) => {
-      // Toggle strictly between "update" and "skip" on Left / Right / Up / Down / Tab
+      // Cycle between "update" -> "skip" -> "exit"
       if (
-        e.key === "ArrowLeft" ||
         e.key === "ArrowRight" ||
-        e.key === "ArrowUp" ||
         e.key === "ArrowDown" ||
-        e.keyCode === 21 ||
         e.keyCode === 22 ||
-        e.keyCode === 19 ||
         e.keyCode === 20 ||
         e.key === "Tab"
       ) {
         e.preventDefault();
-        setTvFocusedBtn((prev) => (prev === "update" ? "skip" : "update"));
+        setTvFocusedBtn((prev) => {
+          if (prev === "update") return "skip";
+          if (prev === "skip") return "exit";
+          return "update";
+        });
+        playTvBeep(520, 0.025);
+        return;
+      }
+
+      if (
+        e.key === "ArrowLeft" ||
+        e.key === "ArrowUp" ||
+        e.keyCode === 21 ||
+        e.keyCode === 19
+      ) {
+        e.preventDefault();
+        setTvFocusedBtn((prev) => {
+          if (prev === "exit") return "skip";
+          if (prev === "skip") return "update";
+          return "exit";
+        });
         playTvBeep(520, 0.025);
         return;
       }
@@ -227,6 +455,9 @@ export function UpdaterBanner({ isTvEnvironment }: UpdaterBannerProps = {}) {
         if (tvFocusedBtn === "update") {
           playTvBeep(680, 0.05);
           handleInstall();
+        } else if (tvFocusedBtn === "exit") {
+          playTvBeep(320, 0.06);
+          handleExitApp();
         } else {
           playTvBeep(420, 0.04);
           setDismissed(true);
@@ -244,26 +475,25 @@ export function UpdaterBanner({ isTvEnvironment }: UpdaterBannerProps = {}) {
 
     window.addEventListener("keydown", handleTvKeyDown);
     return () => window.removeEventListener("keydown", handleTvKeyDown);
-  }, [updateAvailable, dismissed, isTv, downloading, tvFocusedBtn, handleInstall]);
+  }, [updateAvailable, dismissed, isTv, downloading, tvFocusedBtn, handleInstall, handleExitApp]);
 
   if (!updateAvailable || dismissed) return null;
 
   // =========================================================================
-  // 1. ANDROID TV: Full-screen Centered Modal with EXACTLY Two Buttons
+  // 1. ANDROID TV: Full-screen Centered Modal with D-Pad TV Navigation & Exit
   // =========================================================================
   if (isTv) {
     return (
       <div className="has-tv-updater-overlay" role="dialog" aria-modal="true">
         <div className="has-tv-updater-card">
-          <div className="has-tv-updater-icon-ring">🚀</div>
+          <div className="has-tv-updater-icon-ring">{platformInfo.icon}</div>
-          <h2 className="has-tv-updater-title">Доступно обновление</h2>
+          <h2 className="has-tv-updater-title">{platformInfo.title}</h2>
           <div className="has-tv-updater-version-tag">
-            <span>Вышла новая версия v{updateInfo?.version || "1.0.0"}</span>
+            <span>{platformInfo.badge}</span>
           </div>
 
           <p className="has-tv-updater-desc">
-            {updateInfo?.body ||
+            {updateInfo?.body || platformInfo.desc}
-              "Вышло новое обновление программы с оптимизацией для Android TV, автопереключением плееров и синхронизацией истории."}
           </p>
 
           {downloading ? (
@@ -280,8 +510,9 @@ export function UpdaterBanner({ isTvEnvironment }: UpdaterBannerProps = {}) {
             </div>
           ) : (
             <div className="has-tv-updater-buttons">
-              {/* Button 1: Обновить */}
+              {/* Button 1: Обновить APK для ТВ */}
               <button
+                ref={updateBtnRef}
                 type="button"
                 className={`has-tv-updater-btn btn-update ${
                   tvFocusedBtn === "update" ? "focused" : ""
@@ -292,8 +523,9 @@ export function UpdaterBanner({ isTvEnvironment }: UpdaterBannerProps = {}) {
                 }}
                 onMouseEnter={() => setTvFocusedBtn("update")}
                 tabIndex={0}
+                data-tv-focusable="true"
               >
-                <span>🚀 Обновить</span>
+                <span>{platformInfo.btnLabel}</span>
               </button>
 
               {/* Button 2: Пропустить */}
@@ -308,16 +540,35 @@ export function UpdaterBanner({ isTvEnvironment }: UpdaterBannerProps = {}) {
                 }}
                 onMouseEnter={() => setTvFocusedBtn("skip")}
                 tabIndex={0}
+                data-tv-focusable="true"
               >
                 <span>Пропустить</span>
               </button>
+
+              {/* Button 3: Выход из приложения (Exit) */}
+              <button
+                type="button"
+                className={`has-tv-updater-btn btn-exit ${
+                  tvFocusedBtn === "exit" ? "focused" : ""
+                }`}
+                onClick={() => {
+                  playTvBeep(320, 0.06);
+                  handleExitApp();
+                }}
+                onMouseEnter={() => setTvFocusedBtn("exit")}
+                tabIndex={0}
+                data-tv-focusable="true"
+                title="Выйти из приложения"
+              >
+                <span>✕ Выход</span>
+              </button>
             </div>
           )}
 
           {error && <div className="updater-error" style={{ marginTop: 16 }}>{error}</div>}
 
           <div className="has-tv-updater-remote-hint">
-            ◄ ► Стрелки на пульте: переключение • OK: подтвердить выбор • Back: пропустить
+            ◄ ► Стрелки на пульте: выбор • OK: подтвердить • Back: пропустить
           </div>
         </div>
       </div>
@@ -325,17 +576,31 @@ export function UpdaterBanner({ isTvEnvironment }: UpdaterBannerProps = {}) {
   }
 
   // =========================================================================
-  // 2. DESKTOP: Classic Bottom-Right Popup Banner
+  // 2. DESKTOP (WINDOWS / MAC / LINUX) & MOBILE: Smart Platform Banner
   // =========================================================================
   return (
     <div className="updater-banner">
       <div className="updater-banner-content">
-        <div className="updater-icon">🚀</div>
+        <div className="updater-icon">{platformInfo.icon}</div>
         <div className="updater-text">
-          <strong>Доступно обновление v{updateInfo?.version}</strong>
+          <div style={{ display: "flex", alignItems: "center", gap: 8, marginBottom: 2 }}>
-          {updateInfo?.body && (
+            <strong>{platformInfo.title}</strong>
-            <span className="updater-notes">{updateInfo.body}</span>
+            <span
-          )}
+              style={{
+                fontSize: 11,
+                padding: "2px 8px",
+                borderRadius: 6,
+                background: "rgba(99, 102, 241, 0.2)",
+                color: "#c7d2fe",
+                fontWeight: 700,
+              }}
+            >
+              {platformInfo.badge}
+            </span>
+          </div>
+          <span className="updater-notes">
+            {updateInfo?.body || platformInfo.desc}
+          </span>
         </div>
         <div className="updater-actions">
           {downloading ? (
@@ -355,7 +620,7 @@ export function UpdaterBanner({ isTvEnvironment }: UpdaterBannerProps = {}) {
                 className="updater-btn-install"
                 onClick={handleInstall}
               >
-                Обновить сейчас
+                {platformInfo.btnLabel}
               </button>
               <button
                 type="button"

src/pages/cinema/Cinema.css

@@ -870,62 +870,94 @@
   transform: scale(1.06);
 }
 
-/* Bottom failover floating helper */
+/* Leanback Bottom Playback Controls Bar */
-.has-cinema-player-bottom-failover {
+.has-cinema-player-bottom-hud {
   position: absolute;
-  bottom: 24px;
+  bottom: 0;
-  left: 50%;
+  left: 0;
-  transform: translateX(-50%);
+  right: 0;
-  z-index: 999;
+  z-index: 1000;
   display: flex;
+  flex-direction: column;
   align-items: center;
-  gap: 12px;
+  justify-content: center;
-  background: rgba(15, 23, 42, 0.88);
+  padding: 24px 30px calc(env(safe-area-inset-bottom, 0px) + 24px);
-  border: 1px solid rgba(255, 255, 255, 0.16);
+  background: linear-gradient(0deg, rgba(6, 9, 18, 0.96) 0%, rgba(6, 9, 18, 0.75) 60%, transparent 100%);
-  backdrop-filter: blur(16px);
+  pointer-events: none;
-  padding: 8px 18px;
+  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
-  border-radius: 9999px;
+  transform: translateY(0);
-  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
+  opacity: 1;
-  transition: opacity 0.3s ease, transform 0.3s ease;
-  pointer-events: auto;
 }
 
-.has-cinema-player-bottom-failover.hud-hidden {
+.has-cinema-player-bottom-hud.hud-hidden {
   opacity: 0;
-  transform: translateX(-50%) translateY(20px);
+  visibility: hidden;
+  transform: translateY(20px);
   pointer-events: none;
 }
 
-.failover-hint {
+.has-cinema-player-controls-row {
-  font-size: 12.5px;
+  display: flex;
-  color: #94a3b8;
+  align-items: center;
-  font-weight: 500;
+  justify-content: center;
+  gap: 14px;
+  pointer-events: auto !important;
 }
 
-.failover-btn {
+.has-cinema-player-ctrl-btn {
-  background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
+  background: rgba(255, 255, 255, 0.12);
-  border: none;
+  border: 1px solid rgba(255, 255, 255, 0.22);
   color: #ffffff;
-  padding: 6px 14px;
+  padding: 10px 20px;
   border-radius: 9999px;
-  font-size: 12px;
+  font-size: 14px;
-  font-weight: 700;
+  font-weight: 600;
   cursor: pointer;
-  transition: transform 0.18s ease, box-shadow 0.18s ease;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  backdrop-filter: blur(14px);
+  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
 }
 
-.failover-btn:hover {
+.has-cinema-player-ctrl-btn:hover,
-  transform: scale(1.05);
+.has-cinema-player-ctrl-btn:focus-visible,
-  box-shadow: 0 0 16px rgba(59, 130, 246, 0.6);
+.has-cinema-player-ctrl-btn:focus {
-}
+  background: rgba(255, 255, 255, 0.25) !important;
-
+  border-color: #818cf8 !important;
-.failover-btn:focus-visible,
+  outline: 3px solid #818cf8 !important;
-.failover-btn[data-tv-focused="true"] {
+  box-shadow: 0 0 20px rgba(129, 140, 248, 0.8) !important;
-  outline: none;
-  box-shadow: 0 0 0 3px #ffffff, 0 0 20px #3b82f6;
   transform: scale(1.08);
 }
 
+.has-cinema-player-ctrl-btn.primary {
+  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
+  border-color: #818cf8;
+  padding: 12px 28px;
+  font-size: 15px;
+  font-weight: 700;
+  box-shadow: 0 4px 20px rgba(99, 102, 241, 0.5);
+}
+
+.has-cinema-player-ctrl-btn.primary:hover,
+.has-cinema-player-ctrl-btn.primary:focus {
+  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
+  box-shadow: 0 0 25px rgba(129, 140, 248, 0.95) !important;
+  transform: scale(1.1);
+}
+
+.has-cinema-player-ctrl-btn.secondary {
+  background: rgba(30, 41, 59, 0.7);
+  border-color: rgba(148, 163, 184, 0.3);
+  color: #cbd5e1;
+}
+
+.has-cinema-player-ctrl-btn:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
 .has-cinema-mirror-connecting-banner {
   position: absolute;
   top: 76px;
@@ -1325,6 +1357,21 @@
   box-shadow: 0 6px 20px rgba(79, 70, 229, 0.6);
 }
 
+.has-cinema-drawer-option-btn:focus,
+.has-cinema-drawer-option-btn:focus-visible,
+.has-cinema-drawer-chip:focus,
+.has-cinema-drawer-chip:focus-visible,
+.has-cinema-drawer-ep-btn:focus,
+.has-cinema-drawer-ep-btn:focus-visible,
+.has-cinema-drawer-btn-primary:focus,
+.has-cinema-drawer-btn-secondary:focus,
+.has-cinema-drawer-close-btn:focus {
+  outline: 3px solid #818cf8 !important;
+  outline-offset: 2px !important;
+  box-shadow: 0 0 16px rgba(99, 102, 241, 0.6) !important;
+  transform: scale(1.03) !important;
+}
+
 /* Episodes Grid Drawer (Series only) */
 .has-cinema-drawer-episodes-grid {
   display: grid;
@@ -2256,6 +2303,91 @@
   display: none !important;
 }
 
+/* Sleek Leanback TV Top Navigation Bar */
+.has-cinema-tv-top-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 40px;
+  background: rgba(10, 15, 30, 0.92);
+  backdrop-filter: blur(24px);
+  border-bottom: 1px solid rgba(129, 140, 248, 0.25);
+  margin-bottom: 8px;
+  position: relative;
+  z-index: 100;
+}
+
+.has-cinema-tv-top-brand {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.has-cinema-tv-menu-btn {
+  background: rgba(99, 102, 241, 0.22);
+  border: 1px solid rgba(129, 140, 248, 0.45);
+  color: #ffffff;
+  padding: 8px 18px;
+  border-radius: 9999px;
+  font-size: 14px;
+  font-weight: 700;
+  cursor: pointer;
+  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.has-cinema-tv-menu-btn:hover,
+.has-cinema-tv-menu-btn:focus,
+.has-cinema-tv-menu-btn:focus-visible {
+  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
+  border-color: #ffffff;
+  outline: 3px solid #818cf8 !important;
+  box-shadow: 0 0 20px rgba(129, 140, 248, 0.85) !important;
+  transform: scale(1.05);
+}
+
+.has-cinema-tv-brand-title {
+  font-size: 16px;
+  font-weight: 800;
+  color: #f1f5f9;
+  letter-spacing: 0.5px;
+}
+
+.has-cinema-tv-top-tabs {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.has-cinema-tv-tab-btn {
+  background: transparent;
+  border: 1px solid transparent;
+  color: #94a3b8;
+  padding: 8px 18px;
+  border-radius: 9999px;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+.has-cinema-tv-tab-btn:hover,
+.has-cinema-tv-tab-btn:focus,
+.has-cinema-tv-tab-btn:focus-visible {
+  color: #ffffff;
+  background: rgba(255, 255, 255, 0.14);
+  border-color: #818cf8;
+  outline: 3px solid #818cf8 !important;
+  box-shadow: 0 0 18px rgba(129, 140, 248, 0.75) !important;
+  transform: scale(1.05);
+}
+
+.has-cinema-tv-tab-btn.active {
+  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
+  color: #ffffff;
+  border-color: #818cf8;
+  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.45);
+}
+
 .has-tv-mode .has-cinema-hero {
   padding: 40px 54px 30px !important;
   min-height: 360px;