From 8d7605969bd7e25d9712df72972f53877f618cc3 Mon Sep 17 00:00:00 2001
From: szbk <wisecolt@gmail.com>
Date: Wed, 29 Oct 2025 23:58:55 +0300
Subject: [PATCH] =?UTF-8?q?Dizi=20ve=20filmleri=20e=C5=9Fle=C5=9Ftirme=20m?=
 =?UTF-8?q?odu=20eklendi.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/routes/Files.svelte   | 1005 ++++++++++++++++++++++++++----
 client/src/routes/Movies.svelte  |   14 +-
 client/src/routes/TvShows.svelte |  230 ++++---
 client/src/styles/main.css       |    8 +-
 server/server.js                 |  531 +++++++++++++++-
 5 files changed, 1574 insertions(+), 214 deletions(-)

diff --git a/client/src/routes/Files.svelte b/client/src/routes/Files.svelte
index ae8e248..769ef29 100644
--- a/client/src/routes/Files.svelte
+++ b/client/src/routes/Files.svelte
@@ -1,7 +1,7 @@
 <script>
   import { onMount, tick } from "svelte";
   import { API, apiFetch } from "../utils/api.js";
-  import { cleanFileName } from "../utils/filename.js";
+  import { cleanFileName, extractTitleAndYear } from "../utils/filename.js";
   import { refreshMovieCount } from "../stores/movieStore.js";
   import { refreshTvShowCount } from "../stores/tvStore.js";
   let files = [];
@@ -10,36 +10,46 @@
   let subtitleURL = null;
   let subtitleLang = "en";
   let subtitleLabel = "Custom Subtitles";
-const VIEW_KEY = "filesViewMode";
-let viewMode = "grid";
-if (typeof window !== "undefined") {
-  const storedView = window.localStorage.getItem(VIEW_KEY);
-  if (storedView === "grid" || storedView === "list") {
-    viewMode = storedView;
-  }
-}
-let selectedItems = new Set();
-let allSelected = false;
-let pendingPlayTarget = null;
-let activeMenu = null; // Aktif menünün dosya adını tutar
-if (typeof window !== "undefined") {
-  const params = new URLSearchParams(window.location.search);
-  const playParam = params.get("play");
-  if (playParam) {
-    try {
-      pendingPlayTarget = decodeURIComponent(playParam);
-    } catch (err) {
-      pendingPlayTarget = playParam;
+  const VIEW_KEY = "filesViewMode";
+  let viewMode = "grid";
+  if (typeof window !== "undefined") {
+    const storedView = window.localStorage.getItem(VIEW_KEY);
+    if (storedView === "grid" || storedView === "list") {
+      viewMode = storedView;
     }
-    params.delete("play");
-    const search = params.toString();
-    const newUrl = `${window.location.pathname}${search ? `?${search}` : ""}${window.location.hash}`;
-    window.history.replaceState({}, "", newUrl);
   }
-}
-// 🎬 Player kontrolleri
-let videoEl;
-let isPlaying = false;
+  let selectedItems = new Set();
+  let allSelected = false;
+  let pendingPlayTarget = null;
+  let activeMenu = null; // Aktif menünün dosya adını tutar
+  let menuPosition = { top: 0, left: 0 }; // Menü pozisyonu
+  let showMatchModal = false;
+  let matchingFile = null;
+  let matchTitle = "";
+  let matchYear = "";
+  let matchType = ""; // "movie" veya "series"
+  let searchResults = [];
+  let searching = false;
+  let applyingMatch = false;
+  let applyingResultId = null; // Sadece tıklanan öğeyi takip etmek için
+  if (typeof window !== "undefined") {
+    const params = new URLSearchParams(window.location.search);
+    const playParam = params.get("play");
+    if (playParam) {
+      try {
+        pendingPlayTarget = decodeURIComponent(playParam);
+      } catch (err) {
+        pendingPlayTarget = playParam;
+      }
+      params.delete("play");
+      const search = params.toString();
+      const newUrl = `${window.location.pathname}${search ? `?${search}` : ""}${window.location.hash}`;
+      window.history.replaceState({}, "", newUrl);
+    }
+  }
+  // 🎬 Player kontrolleri
+  let videoEl;
+  let isPlaying = false;
   let currentTime = 0;
   let duration = 0;
   let volume = 1;
@@ -111,8 +121,8 @@ let isPlaying = false;
         info.channels === 6
           ? "5.1"
           : info.channels === 2
-          ? "2.0"
-          : `${info.channels}`;
+            ? "2.0"
+            : `${info.channels}`;
     }
     return [codec, channels].filter(Boolean).join(" · ");
   }
@@ -121,6 +131,8 @@ let isPlaying = false;
     if (typeof window !== "undefined") {
       window.localStorage.setItem(VIEW_KEY, viewMode);
     }
+    // Görünüm değiştiğinde menüyü kapat
+    activeMenu = null;
   }
   function toggleSelection(file) {
     const next = new Set(selectedItems);
@@ -155,9 +167,7 @@ let isPlaying = false;
       .replace(/\\/g, "/");
     const candidate =
       files.find((f) => {
-        const normalizedName = f.name
-          .replace(/^\.?\//, "")
-          .replace(/\\/g, "/");
+        const normalizedName = f.name.replace(/^\.?\//, "").replace(/\\/g, "/");
         return (
           normalizedName === normalizedTarget ||
           normalizedName.endsWith(normalizedTarget)
@@ -341,20 +351,55 @@ let isPlaying = false;
     allSelected = failed.length > 0 && failed.length === files.length;
     await Promise.all([refreshMovieCount(), refreshTvShowCount()]);
   }
-  
+
   // Menü fonksiyonları
   function toggleMenu(fileName, event) {
     event.stopPropagation();
-    activeMenu = activeMenu === fileName ? null : fileName;
+    
+    if (activeMenu === fileName) {
+      activeMenu = null;
+      return;
+    }
+    
+    activeMenu = fileName;
+    
+    // Menü konumunu hesapla
+    tick().then(() => {
+      const button = event.currentTarget;
+      const rect = button.getBoundingClientRect();
+      const menuWidth = 160;
+      const menuHeight = 140; // Yaklaşık menü yüksekliği
+      
+      // Üç noktanın son noktası ile menünün sol kenarını hizala
+      // Düğme genişliği 34px, son nokta sağ kenara yakın
+      let top = rect.bottom + 4;
+      let left = rect.right - 8; // Son noktadan 8px sola
+      
+      // Ekran sınırlarını kontrol et
+      if (left + menuWidth > window.innerWidth) {
+        // Sağda yer yoksa, menüyü sola kaydır
+        left = window.innerWidth - menuWidth - 12;
+      }
+      
+      if (left < 0) {
+        left = 12;
+      }
+      
+      if (top + menuHeight > window.innerHeight) {
+        top = rect.top - menuHeight - 4;
+      }
+      
+      menuPosition = { top, left };
+    });
   }
-  
+
   function closeMenu() {
     activeMenu = null;
   }
-  
+
   async function downloadFile(file) {
     const token = localStorage.getItem("token");
-    const link = document.createElement('a');
+    const link = document.createElement("a");
     link.href = `${API}/downloads/${file.name}?token=${token}`;
     link.download = file.name;
     document.body.appendChild(link);
@@ -362,17 +407,150 @@ let isPlaying = false;
     document.body.removeChild(link);
     closeMenu();
   }
-  
+
   function matchFile(file) {
-    // Eşleşme işlevi - buraya özel mantık eklenebilir
-    console.log("Eşleşme:", file.name);
+    // Dosya adını al (path'in son kısmı)
+    const fileName = file.name.split('/').pop();
+    
+    // Önce dizi kontrolü yap (SxxExx formatı)
+    const seriesMatch = fileName.match(/S(\d{1,2})E(\d{1,2})/i);
+    
+    if (seriesMatch) {
+      matchType = "series";
+      const { title, year } = extractTitleAndYear(fileName);
+      matchTitle = title || fileName;
+      matchYear = year ? String(year) : "";
+    } else {
+      // Film kontrolü (yıl bilgisi)
+      const { title, year } = extractTitleAndYear(fileName);
+      
+      if (year && year >= 1900 && year <= 2099) {
+        matchType = "movie";
+        matchTitle = title || fileName;
+        matchYear = String(year);
+      } else {
+        // Varsayılan olarak film kabul et
+        matchType = "movie";
+        matchTitle = title || fileName;
+        matchYear = "";
+      }
+    }
+    
+    matchingFile = file;
+    showMatchModal = true;
     closeMenu();
+    
+    // Modal açıldıktan sonra otomatik arama yap
+    tick().then(() => {
+      searchMetadata();
+    });
   }
   
-  async function deleteFile(file) {
-    if (!confirm(`"${cleanFileName(file.name)}" dosyasını silmek istediğinizden emin misiniz?`))
-      return;
+  function closeMatchModal() {
+    showMatchModal = false;
+    matchingFile = null;
+    matchTitle = "";
+    matchYear = "";
+    matchType = "";
+    searchResults = [];
+    searching = false;
+    applyingMatch = false;
+    applyingResultId = null;
+  }
+  
+  async function searchMetadata() {
+    if (!matchTitle.trim()) return;
     
+    searching = true;
+    searchResults = [];
+    
+    try {
+      const params = new URLSearchParams({
+        query: matchTitle,
+        type: matchType
+      });
+      
+      if (matchYear) {
+        params.set("year", matchYear);
+      }
+      
+      const response = await apiFetch(`/api/search/metadata?${params}`);
+      
+      if (response.ok) {
+        const data = await response.json();
+        searchResults = data.results || [];
+      }
+    } catch (err) {
+      console.error("Arama hatası:", err);
+    } finally {
+      searching = false;
+    }
+  }
+  
+  // Debounce için timer
+  let searchTimer;
+  function handleSearchInput() {
+    clearTimeout(searchTimer);
+    searchTimer = setTimeout(() => {
+      searchMetadata();
+    }, 500);
+  }
+
+  async function selectMatchResult(result) {
+    if (!matchingFile || !result || applyingMatch) return;
+    
+    applyingMatch = true;
+    applyingResultId = result.id; // Sadece tıklanan öğeyi işaretle
+    
+    try {
+      // Dosya adından sezon/bölüm bilgilerini çıkar (dizi için)
+      const fileName = matchingFile.name.split('/').pop();
+      const seriesMatch = fileName.match(/S(\d{1,2})E(\d{1,2})/i);
+      
+      const response = await apiFetch('/api/match/manual', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+          filePath: matchingFile.name,
+          metadata: result,
+          type: matchType,
+          season: seriesMatch ? parseInt(seriesMatch[1]) : null,
+          episode: seriesMatch ? parseInt(seriesMatch[2]) : null
+        })
+      });
+      
+      if (response.ok) {
+        const data = await response.json();
+        console.log('Manual match successful:', data);
+        
+        // Modalı kapat
+        closeMatchModal();
+        
+        // WebSocket üzerinden güncelleme gelecek, beklemek için kısa bir gecikme
+        await new Promise(resolve => setTimeout(resolve, 300));
+      } else {
+        const error = await response.json();
+        alert('Eşleştirme hatası: ' + (error.error || response.statusText));
+      }
+    } catch (err) {
+      console.error('Manual match error:', err);
+      alert('Eşleştirme sırasında bir hata oluştu.');
+    } finally {
+      applyingMatch = false;
+      applyingResultId = null;
+    }
+  }
+
+  async function deleteFile(file) {
+    if (
+      !confirm(
+        `"${cleanFileName(file.name)}" dosyasını silmek istediğinizden emin misiniz?`,
+      )
+    )
+      return;
+
     const token = localStorage.getItem("token");
     try {
       const resp = await fetch(
@@ -382,21 +560,21 @@ let isPlaying = false;
           headers: { Authorization: `Bearer ${token}` },
         },
       );
-      
+
       if (!resp.ok) {
         const data = await resp.json().catch(() => ({}));
         alert("Silme hatası: " + (data.error || resp.statusText));
         return;
       }
-      
+
       files = files.filter((f) => f.name !== file.name);
-      
+
       const hash = file.name.split("/")[0];
       await fetch(`${API}/api/torrents/${hash}`, {
         method: "DELETE",
         headers: { Authorization: `Bearer ${token}` },
       });
-      
+
       await Promise.all([refreshMovieCount(), refreshTvShowCount()]);
     } catch (err) {
       console.warn("⚠️ Silme işlemi başarısız:", err);
@@ -416,6 +594,35 @@ let isPlaying = false;
           console.log("📸 Yeni thumbnail bildirimi:", msg.path);
           await loadFiles();
         }
+        if (msg.type === "manualMatch") {
+          console.log("🔗 Manuel eşleştirme bildirimi:", msg);
+          // Sadece ilgili dosyayı güncelle
+          const fileIndex = files.findIndex(f => f.name === msg.filePath);
+          if (fileIndex !== -1) {
+            // Dosyayı yeniden API'den al
+            try {
+              const response = await apiFetch("/api/files");
+              if (response.ok) {
+                const allFiles = await response.json();
+                const updatedFile = allFiles.find(f => f.name === msg.filePath);
+                if (updatedFile) {
+                  // Sadece ilgili dosyayı güncelle
+                  const nextFiles = [...files];
+                  nextFiles[fileIndex] = updatedFile;
+                  files = nextFiles;
+                  console.log("🔄 Dosya ikonu güncellendi:", msg.filePath);
+
+                  // Store'ları da güncelle
+                  await Promise.all([refreshMovieCount(), refreshTvShowCount()]);
+                }
+              }
+            } catch (err) {
+              console.warn("Dosya güncellenemedi:", err);
+              // Fallback olarak tüm dosyaları yeniden yükle
+              await loadFiles();
+            }
+          }
+        }
         if (msg.type === "progress" && msg.torrents) {
           for (const t of msg.torrents) {
             const savePath = t.savePath || "";
@@ -452,10 +659,11 @@ let isPlaying = false;
           "password",
           "number",
           "url",
-          "tel"
+          "tel",
         ].includes(type);
       const isEditable =
-        (tag === "TEXTAREA" || isTextInput || active?.isContentEditable) ?? false;
+        (tag === "TEXTAREA" || isTextInput || active?.isContentEditable) ??
+        false;
 
       if (e.metaKey && e.key && e.key.toLowerCase() === "backspace") {
         if (isEditable) return;
@@ -466,8 +674,18 @@ let isPlaying = false;
         return;
       }
 
+      // Modal açıkken Escape dışındaki tüm kısayolları deaktif et
+      if (showMatchModal) {
+        if (e.key === "Escape") {
+          closeMatchModal();
+        }
+        return;
+      }
+      
       const isCmd = e.metaKey || e.ctrlKey;
       if (isCmd && e.key.toLowerCase() === "a") {
+        // Text input'larda çalıştırma
+        if (isEditable) return;
         e.preventDefault();
         if (files.length > 0) {
           selectedItems = new Set(files.map((f) => f.name));
@@ -484,16 +702,16 @@ let isPlaying = false;
       }
     }
     window.addEventListener("keydown", handleKey);
-    
+
     // Menüyü kapatmak için dışarı tıklama olayı
     function handleClickOutside(event) {
-      if (activeMenu && !event.target.closest('.media-card')) {
+      if (activeMenu && !event.target.closest(".media-card")) {
         activeMenu = null;
       }
     }
-    
+
     window.addEventListener("click", handleClickOutside);
-    
+
     return () => {
       window.removeEventListener("keydown", handleKey);
       window.removeEventListener("click", handleClickOutside);
@@ -555,7 +773,7 @@ let isPlaying = false;
         >
           {#if f.thumbnail}
             <img
-              src={`${API}${f.thumbnail}?token=${localStorage.getItem("token")}`}
+              src={`${API}${f.thumbnail}?token=${localStorage.getItem("token")}&t=${Date.now()}`}
               alt={f.name}
               class="thumb"
               on:load={(e) => e.target.classList.add("loaded")}
@@ -581,15 +799,15 @@ let isPlaying = false;
                 <span>{formatSize(f.size)}</span>
               </div>
               <div class="meta-line secondary">
-              {#if f.progressText}
-                <span class="status-badge">{f.progressText}</span>
-                <span class="meta-separator">|</span>
-              {/if}
-              Tracker:
-              <span class="tracker-name">
-                {formatTracker(f.tracker)}
-              </span>
-            </div>
+                {#if f.progressText}
+                  <span class="status-badge">{f.progressText}</span>
+                  <span class="meta-separator">|</span>
+                {/if}
+                Tracker:
+                <span class="tracker-name">
+                  {formatTracker(f.tracker)}
+                </span>
+              </div>
               {#if f.mediaInfo?.video || f.mediaInfo?.audio}
                 <div class="meta-line codecs">
                   {#if f.extension}
@@ -623,7 +841,13 @@ let isPlaying = false;
           </div>
           <div class="media-type-icon">
             {#if f.type?.startsWith("video/")}
-              <i class="fa-solid fa-film"></i>
+              {#if f.seriesEpisode || (f.seriesEpisodes && Object.keys(f.seriesEpisodes).length > 0)}
+                <i class="fa-solid fa-tv"></i>
+              {:else if f.movieMatch}
+                <i class="fa-solid fa-film"></i>
+              {:else}
+                <i class="fa-solid fa-ban"></i>
+              {/if}
             {:else if f.type?.startsWith("image/")}
               <i class="fa-solid fa-image"></i>
             {/if}
@@ -651,38 +875,45 @@ let isPlaying = false;
           >
             <i class="fa-solid fa-ellipsis"></i>
           </button>
-          {#if activeMenu === f.name}
-            <div class="dropdown-menu">
-              <button
-                class="menu-item"
-                on:click|stopPropagation={() => downloadFile(f)}
-              >
-                <i class="fa-solid fa-download"></i>
-                <span>İndir</span>
-              </button>
-              <button
-                class="menu-item"
-                on:click|stopPropagation={() => matchFile(f)}
-              >
-                <i class="fa-solid fa-link"></i>
-                <span>Eşleşme</span>
-              </button>
-              <div class="menu-divider"></div>
-              <button
-                class="menu-item delete"
-                on:click|stopPropagation={() => deleteFile(f)}
-              >
-                <i class="fa-solid fa-trash"></i>
-                <span>Sil</span>
-              </button>
-            </div>
-          {/if}
         </div>
       {/each}
     </div>
   {/if}
 </section>
 
+{#if activeMenu}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
+  <!-- svelte-ignore a11y-no-static-element-interactions -->
+  <div
+    class="dropdown-menu-portal"
+    style="top: {menuPosition.top}px; left: {menuPosition.left}px;"
+    on:click|stopPropagation
+  >
+    <button
+      class="menu-item"
+      on:click|stopPropagation={() => downloadFile(files.find(f => f.name === activeMenu))}
+    >
+      <i class="fa-solid fa-download"></i>
+      <span>İndir</span>
+    </button>
+    <button
+      class="menu-item"
+      on:click|stopPropagation={() => matchFile(files.find(f => f.name === activeMenu))}
+    >
+      <i class="fa-solid fa-wand-magic-sparkles"></i>
+      <span>Eşleştir</span>
+    </button>
+    <div class="menu-divider"></div>
+    <button
+      class="menu-item delete"
+      on:click|stopPropagation={() => deleteFile(files.find(f => f.name === activeMenu))}
+    >
+      <i class="fa-solid fa-trash"></i>
+      <span>Sil</span>
+    </button>
+  </div>
+{/if}
+
 {#if showModal && selectedVideo}
   <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div class="modal-overlay" on:click={closeModal}>
@@ -984,6 +1215,128 @@ let isPlaying = false;
   </div>
 {/if}
 
+{#if showMatchModal && matchingFile}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
+  <!-- svelte-ignore a11y-no-static-element-interactions -->
+  <div class="match-overlay" on:click={closeMatchModal}>
+    <!-- svelte-ignore a11y-click-events-have-key-events -->
+    <!-- svelte-ignore a11y-no-static-element-interactions -->
+    <div class="match-overlay-content" on:click|stopPropagation>
+      <button class="match-close" on:click={closeMatchModal} aria-label="Kapat">
+        <i class="fa-solid fa-xmark"></i>
+      </button>
+      
+      <div class="match-header">
+        <h3 class="match-title">
+          <i class="fa-solid fa-wand-magic-sparkles"></i>
+          Eşlemeyi Düzelt
+        </h3>
+        <div class="match-subtitle">
+          <span class="match-location" title={matchingFile.name}>
+            <i class="fa-solid fa-file"></i>
+            <span class="location-text">Dosya: {matchingFile.name.split('/').pop()}</span>
+          </span>
+          <span class="match-separator">|</span>
+          <span class="match-size">
+            <i class="fa-solid fa-database"></i>
+            {formatSize(matchingFile.size)}
+          </span>
+        </div>
+      </div>
+      
+      <div class="match-body">
+        <div class="match-inputs">
+          <div class="input-group title-input">
+            <label for="match-title">{matchType === "series" ? "Dizi Adı" : "Film Adı"}</label>
+            <input
+              id="match-title"
+              type="text"
+              bind:value={matchTitle}
+              on:input={handleSearchInput}
+              placeholder={matchType === "series" ? "Dizi adını girin" : "Film adını girin"}
+            />
+          </div>
+          <div class="input-group year-input">
+            <label for="match-year">Yıl</label>
+            <input
+              id="match-year"
+              type="text"
+              bind:value={matchYear}
+              on:input={handleSearchInput}
+              placeholder="YYYY"
+              maxlength="4"
+            />
+          </div>
+        </div>
+        
+        <div class="match-divider"></div>
+        
+        {#if searching}
+          <div class="search-loading">
+            <i class="fa-solid fa-spinner fa-spin"></i>
+            Aranıyor...
+          </div>
+        {:else if searchResults.length > 0}
+          <div class="search-results">
+            {#each searchResults as result}
+              <!-- svelte-ignore a11y-click-events-have-key-events -->
+              <!-- svelte-ignore a11y-no-static-element-interactions -->
+              <div class="result-item" class:applying={applyingResultId === result.id} on:click={() => selectMatchResult(result)}>
+                <div class="result-poster">
+                  {#if result.poster}
+                    <img src={result.poster} alt={result.title} loading="lazy" />
+                  {:else}
+                    <div class="result-poster-placeholder">
+                      <i class="fa-regular fa-image"></i>
+                    </div>
+                  {/if}
+                </div>
+                <div class="result-info">
+                  <div class="result-title">{result.title}</div>
+                  <div class="result-meta">
+                    {#if result.year}
+                      <span class="result-year">
+                        <i class="fa-solid fa-calendar-days"></i>
+                        {result.year}
+                      </span>
+                    {/if}
+                    {#if result.runtime}
+                      <span class="result-separator">•</span>
+                      <span class="result-runtime">
+                        <i class="fa-solid fa-clock"></i>
+                        {result.runtime} dk
+                      </span>
+                    {/if}
+                    {#if result.status}
+                      <span class="result-separator">•</span>
+                      <span class="result-status">
+                        <i class="fa-solid fa-signal"></i>
+                        {result.status}
+                      </span>
+                    {/if}
+                  </div>
+                  {#if result.genres && result.genres.length > 0}
+                    <div class="result-genres">{result.genres.slice(0, 3).join(", ")}</div>
+                  {/if}
+                  {#if result.cast && result.cast.length > 0}
+                    <div class="result-cast">
+                      <i class="fa-solid fa-user"></i>
+                      {result.cast.join(", ")}
+                    </div>
+                  {/if}
+                  {#if result.overview}
+                    <div class="result-overview">{result.overview}</div>
+                  {/if}
+                </div>
+              </div>
+            {/each}
+          </div>
+        {/if}
+      </div>
+    </div>
+  </div>
+{/if}
+
 <style>
   .files-header {
     display: flex;
@@ -1064,11 +1417,12 @@ let isPlaying = false;
     position: relative;
     background: #f6f6f6;
     border-radius: 10px;
-    overflow: hidden;
+    overflow: visible;
     border: 1px solid #e2e2e2;
     box-shadow: 0 1px 2px rgba(15, 15, 15, 0.04);
     display: flex;
     flex-direction: column;
+    isolation: isolate;
     transition:
       border-color 0.18s ease,
       background 0.18s ease,
@@ -1122,7 +1476,10 @@ let isPlaying = false;
     border-radius: 8px;
     object-fit: cover;
     flex-shrink: 0;
-    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    transition:
+      width 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+      height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+      border-radius 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   }
   .media-card:hover {
     transform: none;
@@ -1177,7 +1534,11 @@ let isPlaying = false;
     width: 100%;
     height: 150px;
     object-fit: cover;
-    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    border-radius: 10px 10px 0 0;
+    transition:
+      width 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+      height 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+      border-radius 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   }
   .thumb.placeholder {
     display: flex;
@@ -1191,7 +1552,10 @@ let isPlaying = false;
     display: flex;
     flex-direction: column;
     gap: 4px;
-    transition: padding 0.3s cubic-bezier(0.4, 0, 0.2, 1), gap 0.3s cubic-bezier(0.4, 0, 0.2, 1), flex 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    transition:
+      padding 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+      gap 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+      flex 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   }
   .name {
     font-weight: 600;
@@ -1203,7 +1567,9 @@ let isPlaying = false;
   .size {
     font-size: 12px;
     color: #666;
-    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    transition:
+      opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+      max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   }
   .media-card.list-view .info {
     flex: 1;
@@ -1220,7 +1586,9 @@ let isPlaying = false;
     display: none;
     opacity: 0;
     max-height: 0;
-    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    transition:
+      opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
+      max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   }
   .media-card.list-view .list-meta {
     display: flex;
@@ -1478,10 +1846,11 @@ let isPlaying = false;
     position: relative;
     background: #f5f5f5;
     border-radius: 12px;
-    overflow: hidden;
+    overflow: visible;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
     display: flex;
     flex-direction: column;
+    isolation: isolate;
     transition:
       transform 0.18s ease,
       box-shadow 0.18s ease;
@@ -1759,45 +2128,37 @@ let isPlaying = false;
     pointer-events: none;
     z-index: 2;
   }
-  
+
   .menu-toggle i {
     font-size: 14px;
   }
-  
+
   .media-card:hover .menu-toggle,
   .media-card.is-selected .menu-toggle {
     opacity: 1;
     transform: scale(1);
     pointer-events: auto;
   }
-  
+
   .menu-toggle:hover {
     background: rgba(0, 0, 0, 0.65);
   }
-  
+
   .media-card.list-view .menu-toggle {
     top: 16px;
     right: 16px;
   }
-  
-  .dropdown-menu {
-    position: absolute;
-    top: 52px;
-    right: 12px;
+
+  .dropdown-menu-portal {
+    position: fixed;
     background: #ffffff;
     border-radius: 8px;
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
     min-width: 160px;
-    z-index: 100;
-    overflow: hidden;
+    z-index: 10000;
     animation: fadeIn 0.2s ease;
   }
-  
-  .media-card.list-view .dropdown-menu {
-    top: 56px;
-    right: 16px;
-  }
-  
+
   @keyframes fadeIn {
     from {
       opacity: 0;
@@ -1808,7 +2169,7 @@ let isPlaying = false;
       transform: translateY(0);
     }
   }
-  
+
   .menu-item {
     display: flex;
     align-items: center;
@@ -1821,12 +2182,21 @@ let isPlaying = false;
     font-size: 14px;
     cursor: pointer;
     transition: background-color 0.2s ease;
+    text-align: left;
   }
   
+  .menu-item:first-child {
+    border-radius: 8px 8px 0 0;
+  }
+
+  .menu-item:last-child {
+    border-radius: 0 0 8px 8px;
+  }
+
   .menu-item:hover {
     background-color: #f5f5f5;
   }
-  
+
   .menu-item.delete {
     color: #e53935;
   }
@@ -1834,16 +2204,409 @@ let isPlaying = false;
   .menu-item.delete:hover {
     background-color: #ffebee;
   }
-  
+
   .menu-item i {
     font-size: 14px;
     width: 16px;
     text-align: center;
   }
-  
+
   .menu-divider {
     height: 1px;
     background-color: #e0e0e0;
-    margin: 4px 0;
+    margin: 0;
+  }
+  
+  /* Eşleştirme Modal Stilleri */
+  .match-overlay {
+    position: fixed;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 5000;
+    background: rgba(10, 10, 10, 0.28);
+    backdrop-filter: blur(4px);
+    padding: 56px 32px;
+  }
+  
+  .match-overlay-content {
+    position: relative;
+    width: min(60vw, 1100px);
+    max-height: 60vh;
+    border-radius: 18px;
+    background: rgba(12, 12, 12, 0.92);
+    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
+    display: flex;
+    flex-direction: column;
+  }
+  
+  .match-close {
+    position: absolute;
+    top: 16px;
+    right: 20px;
+    background: rgba(0, 0, 0, 0.55);
+    color: #fafafa;
+    border: none;
+    width: 42px;
+    height: 42px;
+    border-radius: 50%;
+    cursor: pointer;
+    font-size: 20px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    transition: background 0.2s ease;
+    z-index: 1;
+  }
+  
+  .match-close:hover {
+    background: rgba(0, 0, 0, 0.85);
+  }
+  
+  .match-header {
+    padding: 32px 48px 24px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+  }
+  
+  .match-title {
+    margin: 0 0 12px 0;
+    font-size: 26px;
+    font-weight: 600;
+    color: #fafafa;
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+  
+  .match-title i {
+    color: #f5b333;
+    font-size: 24px;
+  }
+  
+  .match-subtitle {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    font-size: 14px;
+    color: #c7c7c7;
+    flex-wrap: wrap;
+  }
+  
+  .match-location {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    max-width: 60%;
+    overflow: hidden;
+  }
+  
+  .match-location .location-text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  
+  .match-size {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    flex-shrink: 0;
+  }
+  
+  .match-location i,
+  .match-size i {
+    color: #8d8d8d;
+    font-size: 13px;
+  }
+  
+  .match-separator {
+    color: #7a7a7a;
+  }
+  
+  .match-body {
+    padding: 28px 48px 36px;
+    color: #f5f5f5;
+    overflow-y: auto;
+    max-height: calc(60vh - 120px);
+  }
+  
+  .match-body::-webkit-scrollbar {
+    width: 8px;
+  }
+  
+  .match-body::-webkit-scrollbar-track {
+    background: rgba(0, 0, 0, 0.2);
+    border-radius: 4px;
+  }
+  
+  .match-body::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.5);
+    border-radius: 4px;
+    backdrop-filter: blur(4px);
+  }
+  
+  .match-body::-webkit-scrollbar-thumb:hover {
+    background: rgba(0, 0, 0, 0.7);
+  }
+  
+  .match-inputs {
+    display: flex;
+    gap: 16px;
+    margin-bottom: 24px;
+  }
+  
+  .input-group {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+  
+  .input-group.title-input {
+    flex: 3;
+  }
+  
+  .input-group.year-input {
+    flex: 1;
+  }
+  
+  .input-group label {
+    font-size: 13px;
+    font-weight: 500;
+    color: #c7c7c7;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  }
+  
+  .input-group input {
+    padding: 12px 16px;
+    border-radius: 8px;
+    border: 1px solid rgba(255, 255, 255, 0.15);
+    background: rgba(255, 255, 255, 0.08);
+    color: #f5f5f5;
+    font-size: 15px;
+    outline: none;
+    transition: border-color 0.2s ease, background 0.2s ease;
+  }
+  
+  .input-group input:focus {
+    border-color: rgba(245, 179, 51, 0.5);
+    background: rgba(255, 255, 255, 0.12);
+  }
+  
+  .input-group input::placeholder {
+    color: #7a7a7a;
+  }
+  
+  .match-divider {
+    height: 1px;
+    background: rgba(255, 255, 255, 0.1);
+    margin: 0 0 24px 0;
+  }
+  
+  .search-loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 12px;
+    padding: 40px 20px;
+    color: #c7c7c7;
+    font-size: 15px;
+  }
+  
+  .search-loading i {
+    font-size: 20px;
+    color: #f5b333;
+  }
+  
+  .search-results {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+  
+  .result-item {
+    display: flex;
+    gap: 16px;
+    padding: 12px;
+    border-radius: 10px;
+    background: rgba(255, 255, 255, 0.05);
+    cursor: pointer;
+    transition: all 0.2s ease;
+    border: 1px solid transparent;
+  }
+  
+  .result-item:hover {
+    background: rgba(255, 255, 255, 0.1);
+    border-color: rgba(245, 179, 51, 0.3);
+    transform: translateY(-2px);
+  }
+  
+  .result-item.applying {
+    opacity: 0.6;
+    pointer-events: none;
+    position: relative;
+  }
+  
+  .result-item.applying::after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 20px;
+    height: 20px;
+    border: 2px solid rgba(245, 179, 51, 0.3);
+    border-top: 2px solid #f5b333;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+  }
+  
+  @keyframes spin {
+    0% { transform: translate(-50%, -50%) rotate(0deg); }
+    100% { transform: translate(-50%, -50%) rotate(360deg); }
+  }
+  
+  .result-poster {
+    width: 80px;
+    height: 120px;
+    flex-shrink: 0;
+    border-radius: 8px;
+    overflow: hidden;
+    background: rgba(255, 255, 255, 0.08);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  
+  .result-poster img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  
+  .result-poster-placeholder {
+    color: #7a7a7a;
+    font-size: 24px;
+  }
+  
+  .result-info {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    min-width: 0;
+  }
+  
+  .result-title {
+    font-size: 16px;
+    font-weight: 600;
+    color: #fafafa;
+  }
+  
+  .result-meta {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 13px;
+    color: #c7c7c7;
+    flex-wrap: wrap;
+    margin-bottom: 4px;
+  }
+  
+  .result-separator {
+    color: #7a7a7a;
+  }
+  
+  .result-year,
+  .result-runtime,
+  .result-status {
+    color: #c7c7c7;
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+  }
+  
+  .result-year i,
+  .result-runtime i,
+  .result-status i {
+    font-size: 13px;
+    color: #8d8d8d;
+  }
+  
+  .result-genres {
+    font-size: 12px;
+    color: #8d8d8d;
+    text-transform: uppercase;
+    letter-spacing: 0.3px;
+    margin-bottom: 4px;
+  }
+  
+  .result-cast {
+    font-size: 12px;
+    color: #9f9f9f;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    margin-bottom: 6px;
+  }
+  
+  .result-cast i {
+    color: #ffc107;
+    font-size: 11px;
+  }
+  
+  .result-overview {
+    font-size: 13px;
+    color: #9f9f9f;
+    line-height: 1.5;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-top: 4px;
+  }
+  
+  @media (max-width: 768px) {
+    .match-overlay {
+      padding: 32px 16px;
+    }
+    
+    .match-overlay-content {
+      width: 96vw;
+    }
+    
+    .match-header {
+      padding: 28px 32px 20px;
+    }
+    
+    .match-title {
+      font-size: 22px;
+    }
+    
+    .match-body {
+      padding: 24px 32px 32px;
+    }
+  }
+  
+  @media (max-width: 480px) {
+    .match-header {
+      padding: 24px 24px 18px;
+    }
+    
+    .match-body {
+      padding: 20px 24px 28px;
+    }
+    
+    .match-inputs {
+      flex-direction: column;
+      gap: 16px;
+    }
+    
+    .input-group.title-input,
+    .input-group.year-input {
+      flex: 1;
+    }
   }
 </style>
diff --git a/client/src/routes/Movies.svelte b/client/src/routes/Movies.svelte
index 0c0bbc7..bcd8008 100644
--- a/client/src/routes/Movies.svelte
+++ b/client/src/routes/Movies.svelte
@@ -304,13 +304,13 @@ async function loadMovies() {
   function posterUrl(movie) {
     if (!movie.poster) return null;
     const token = localStorage.getItem("token");
-    return `${API}${movie.poster}?token=${token}`;
+    return `${API}${movie.poster}?token=${token}&t=${Date.now()}`;
   }
 
   function backdropUrl(movie) {
     if (!movie.backdrop) return null;
     const token = localStorage.getItem("token");
-    return `${API}${movie.backdrop}?token=${token}`;
+    return `${API}${movie.backdrop}?token=${token}&t=${Date.now()}`;
   }
 
   async function refreshMovies() {
@@ -339,6 +339,16 @@ async function loadMovies() {
     const handleKey = (event) => {
       if (!showPlayerModal) return;
       if (isEditableTarget(event.target)) return;
+      
+      const isCmd = event.metaKey || event.ctrlKey;
+      if (isCmd && event.key.toLowerCase() === "a") {
+        // Text input'larda çalıştırma
+        if (isEditableTarget(event.target)) return;
+        event.preventDefault();
+        // Movies sayfasında tümünü seçme işlevi yok, sadece engelleme yapıyoruz
+        return;
+      }
+      
       if (event.key === "Escape") {
         event.preventDefault();
         closePlayer();
diff --git a/client/src/routes/TvShows.svelte b/client/src/routes/TvShows.svelte
index e067600..0d806f6 100644
--- a/client/src/routes/TvShows.svelte
+++ b/client/src/routes/TvShows.svelte
@@ -69,7 +69,7 @@ let canPlayNext = false;
   function assetUrl(pathname) {
     if (!pathname) return null;
     const token = localStorage.getItem("token");
-    return `${API}${pathname}?token=${token}`;
+    return `${API}${pathname}?token=${token}&t=${Date.now()}`;
   }
 
   function posterUrl(show) {
@@ -250,7 +250,7 @@ let canPlayNext = false;
 
   function mapEpisodeToPlayerItem(show, episode) {
     if (!show || !episode?.videoPath) return null;
-    const name = episode.videoPath;
+    const name = (episode.videoPath || "").replace(/^\/+/, "");
     const ext = name.split(".").pop()?.toLowerCase() || "";
     const inferredType = ext ? `video/${ext}` : "video/mp4";
     const size =
@@ -276,6 +276,7 @@ let canPlayNext = false;
 
   $: selectedName = selectedVideo?.name ?? "";
   $: encName = selectedName ? encodeURIComponent(selectedName) : "";
+  $: downloadHref = encName ? `${API}/downloads/${encName}` : "#";
 $: selectedLabel = selectedVideo?.episode
   ? `${selectedVideo.show.title} · ${formatEpisodeCode(
       selectedVideo.episode
@@ -346,6 +347,18 @@ async function openVideoAtIndex(index) {
       }
     }
   }
+  
+  // Video element'in yüklendiğinden emin ol
+  await tick();
+  setTimeout(() => {
+    if (videoEl) {
+      console.log("Video element found after timeout:", videoEl);
+      console.log("Video src:", videoEl.src);
+      console.log("Video readyState:", videoEl.readyState);
+    } else {
+      console.error("Video element not found after timeout");
+    }
+  }, 1000);
 }
 
   function stopCurrentVideo() {
@@ -375,7 +388,8 @@ async function openVideoAtIndex(index) {
   function getVideoURL() {
     if (!selectedName) return "";
     const token = localStorage.getItem("token");
-    return `${API}/media/${encName}?token=${token}`;
+    // selectedName zaten encode edilmiş, tekrar encode etme
+    return `${API}/media/${selectedName}?token=${token}`;
   }
 
   function playEpisodeFromCard(episode) {
@@ -532,6 +546,16 @@ async function openVideoAtIndex(index) {
     const handleKey = (event) => {
       if (!showPlayerModal) return;
       if (isEditableTarget(event.target)) return;
+      
+      const isCmd = event.metaKey || event.ctrlKey;
+      if (isCmd && event.key.toLowerCase() === "a") {
+        // Text input'larda çalıştırma
+        if (isEditableTarget(event.target)) return;
+        event.preventDefault();
+        // TvShows sayfasında tümünü seçme işlevi yok, sadece engelleme yapıyoruz
+        return;
+      }
+      
       if (event.key === "Escape") {
         event.preventDefault();
         closePlayer();
@@ -787,8 +811,13 @@ async function openVideoAtIndex(index) {
             src={getVideoURL()}
             class="video-element"
             playsinline
+            controls={false}
+            preload="metadata"
+            crossorigin="anonymous"
+            type={selectedVideo?.type || "video/mp4"}
             on:timeupdate={updateProgress}
             on:loadedmetadata={async () => {
+              console.log("Video metadata loaded");
               isPlaying = false;
               currentTime = 0;
               updateDuration();
@@ -805,7 +834,37 @@ async function openVideoAtIndex(index) {
                 isPlaying = false;
               }
             }}
+            on:loadeddata={() => {
+              console.log("Video data loaded");
+            }}
+            on:canplay={() => {
+              console.log("Video can play");
+            }}
+            on:error={(e) => {
+              console.error("Video error:", e);
+            }}
             on:ended={() => (isPlaying = false)}
+            on:loadstart={() => {
+              console.log("Video load start");
+            }}
+            on:canplaythrough={() => {
+              console.log("Video can play through");
+            }}
+            on:stalled={() => {
+              console.log("Video stalled");
+            }}
+            on:suspend={() => {
+              console.log("Video suspended");
+            }}
+            on:abort={() => {
+              console.log("Video aborted");
+            }}
+            on:emptied={() => {
+              console.log("Video emptied");
+            }}
+            on:waiting={() => {
+              console.log("Video waiting");
+            }}
           >
             {#if subtitleURL}
               <track
@@ -860,7 +919,7 @@ async function openVideoAtIndex(index) {
                 <i class="fa-solid fa-expand"></i>
               </button>
               <a
-                href={selectedName ? `${API}/downloads/${selectedName}` : "#"}
+                href={downloadHref}
                 download={selectedName || undefined}
                 class="control-btn"
                 title="Download"
@@ -1235,15 +1294,26 @@ async function openVideoAtIndex(index) {
     background: rgba(0, 0, 0, 0.25);
     border-radius: 16px;
     scrollbar-width: thin;
+    scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.1);
   }
 
   .episode-list::-webkit-scrollbar {
-    width: 6px;
+    width: 8px;
+  }
+
+  .episode-list::-webkit-scrollbar-track {
+    background: rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
   }
 
   .episode-list::-webkit-scrollbar-thumb {
-    background: rgba(255, 255, 255, 0.18);
-    border-radius: 999px;
+    background: rgba(255, 255, 255, 0.3);
+    border-radius: 4px;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+  }
+
+  .episode-list::-webkit-scrollbar-thumb:hover {
+    background: rgba(255, 255, 255, 0.5);
   }
 
   .episode-card {
@@ -1345,98 +1415,117 @@ async function openVideoAtIndex(index) {
     padding: 20px;
   }
 
+  /* 🎞️ Film oynatıcı ile aynı düzen */
   .modal-overlay {
     position: fixed;
     inset: 0;
-    background: rgba(0, 0, 0, 0.75);
+    backdrop-filter: blur(4px);
+    background: rgba(0, 0, 0, 0.35);
     display: flex;
     align-items: center;
     justify-content: center;
-    z-index: 5000;
-    padding: 32px;
+    z-index: 6000;
   }
 
   .modal-content {
-    width: min(960px, 95vw);
-    background: #0f0f0f;
-    border-radius: 16px;
-    padding: 18px;
+    width: 70%;
+    height: 70%;
+    background: #1a1a1a;
+    border-radius: 12px;
     display: flex;
     flex-direction: column;
-    gap: 16px;
-    color: #f5f5f5;
-    position: relative;
+    min-height: 0;
+    overflow: hidden;
+    box-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
   }
 
   .modal-header {
     display: flex;
     justify-content: space-between;
-    align-items: baseline;
-    gap: 12px;
+    align-items: center;
+    background: #2a2a2a;
+    padding: 10px 16px;
+    color: #fff;
+    font-size: 16px;
+    font-weight: 500;
+    flex-shrink: 0;
   }
 
   .video-title {
-    font-size: 16px;
+    flex: 1;
+    text-align: center;
     font-weight: 600;
-    line-height: 1.4;
   }
 
   .video-meta {
     font-size: 13px;
-    color: #b5b5b5;
+    color: #ccc;
   }
 
   .custom-player {
-    background: #000;
-    border-radius: 12px;
-    overflow: hidden;
+    flex: 1;
     display: flex;
     flex-direction: column;
-    gap: 12px;
+    justify-content: space-between;
+    min-height: 0;
+    background: #000;
   }
 
   .video-element {
+    flex: 1 1 auto;
     width: 100%;
-    max-height: 60vh;
+    height: auto;
+    max-height: 100%;
+    min-height: 0;
+    object-fit: contain;
     background: #000;
+    border: none;
+    outline: none;
+  }
+
+  .video-element:focus {
+    outline: none !important;
+    box-shadow: none !important;
   }
 
   .controls {
+    background: #1c1c1c;
+    padding: 10px 16px;
     display: flex;
     flex-direction: column;
     gap: 8px;
-    padding: 0 14px 14px;
+    flex-shrink: 0;
+    border-top: 1px solid #333;
   }
 
   .top-controls {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    gap: 12px;
+    flex-shrink: 0;
   }
 
   .left-controls {
-    display: inline-flex;
+    display: flex;
     align-items: center;
-    gap: 8px;
+    gap: 10px;
   }
 
   .control-btn {
     background: none;
     border: none;
-    color: #f5f5f5;
-    font-size: 16px;
+    color: #fff;
+    font-size: 18px;
     cursor: pointer;
-    transition: color 0.2s ease;
+    transition: opacity 0.2s;
   }
 
   .control-btn:hover {
-    color: #f5b333;
+    opacity: 0.7;
   }
 
-  .control-btn[disabled],
-  .control-btn[disabled]:hover {
-    color: rgba(245, 245, 245, 0.35);
+  .control-btn[disabled] {
+    opacity: 0.35;
     cursor: default;
     pointer-events: none;
   }
@@ -1447,59 +1536,56 @@ async function openVideoAtIndex(index) {
     gap: 10px;
   }
 
-  .volume-slider,
-  .progress-slider {
-    appearance: none;
+  .volume-slider {
+    -webkit-appearance: none;
+    width: 100px;
+    height: 4px;
+    border-radius: 2px;
     background: linear-gradient(
       to right,
-      #f5b333 var(--fill, 100%),
-      rgba(255, 255, 255, 0.24) var(--fill, 100%)
+      #ff3b30 calc(var(--fill, 100%) * 1%),
+      rgba(255, 255, 255, 0.3) calc(var(--fill, 100%) * 1%)
     );
-    border-radius: 999px;
-    height: 4px;
     outline: none;
+    cursor: pointer;
+    transition: background 0.2s ease;
   }
 
-  .volume-slider {
-    width: 90px;
-  }
-
-  .progress-slider {
-    width: 100%;
-  }
-
-  .volume-slider::-webkit-slider-thumb,
-  .progress-slider::-webkit-slider-thumb {
-    appearance: none;
+  .volume-slider::-webkit-slider-thumb {
+    -webkit-appearance: none;
     width: 12px;
     height: 12px;
     border-radius: 50%;
-    background: #f5b333;
+    background: #fff;
     cursor: pointer;
+    margin-top: -4px;
+    transition: transform 0.2s ease;
+  }
+
+  .volume-slider::-webkit-slider-thumb:hover {
+    transform: scale(1.3);
   }
 
   .bottom-controls {
     display: flex;
     align-items: center;
+    justify-content: space-between;
     gap: 12px;
-    font-size: 13px;
-    color: #d4d4d4;
+    flex-shrink: 0;
   }
 
-  .global-close-btn {
-    position: absolute;
-    top: 18px;
-    right: 28px;
-    background: rgba(0, 0, 0, 0.55);
-    color: #f5f5f5;
-    border: none;
-    border-radius: 50%;
-    width: 36px;
-    height: 36px;
-    display: grid;
-    place-items: center;
+  .progress-slider {
+    flex: 1;
     cursor: pointer;
-    font-size: 17px;
+    accent-color: #27ae60;
+  }
+
+  .time {
+    color: #ccc;
+    font-size: 13px;
+    min-width: 90px;
+    text-align: right;
+    white-space: nowrap;
   }
 
   @media (max-width: 860px) {
diff --git a/client/src/styles/main.css b/client/src/styles/main.css
index 4be9eb3..186b9a3 100644
--- a/client/src/styles/main.css
+++ b/client/src/styles/main.css
@@ -234,8 +234,8 @@ body,
 .modal-overlay {
   position: fixed;
   inset: 0;
-  backdrop-filter: blur(10px);
-  background: rgba(0, 0, 0, 0.8);
+  backdrop-filter: blur(4px);
+  color: rgba(0, 0, 0, 0.35);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -420,8 +420,8 @@ body,
 .image-modal-overlay {
   position: fixed;
   inset: 0;
-  background: rgba(0, 0, 0, 0.8);
-  backdrop-filter: blur(10px);
+  background: rgba(0, 0, 0, 0.35);
+  backdrop-filter: blur(4px);
   display: flex;
   justify-content: center;
   align-items: center;
diff --git a/server/server.js b/server/server.js
index fc7945a..cd5e8bf 100644
--- a/server/server.js
+++ b/server/server.js
@@ -2164,6 +2164,35 @@ function requireAuth(req, res, next) {
     return res.status(401).json({ error: "Unauthorized" });
   next();
 }
+// --- Güvenli medya URL'i (TV için) ---
+// Dönen URL segmentleri ayrı ayrı encode eder, slash'ları korur ve tam hostlu URL döner
+app.get("/api/media-url", requireAuth, (req, res) => {
+  const filePath = req.query.path;
+  if (!filePath) return res.status(400).json({ error: "path parametresi gerekli" });
+
+  // TTL saniye olarak (default 3600 = 1 saat). Min 60s, max 72h
+  const ttl = Math.min(Math.max(Number(req.query.ttl) || 3600, 60), 72 * 3600);
+
+  // Medya token oluştur
+  const mediaToken = crypto.randomBytes(16).toString("hex");
+  activeTokens.add(mediaToken);
+  setTimeout(() => activeTokens.delete(mediaToken), ttl * 1000);
+
+  // Her path segmentini ayrı encode et (slash korunur)
+  const encodedPath = String(filePath)
+    .split(/[\\/]/)
+    .filter(Boolean)
+    .map((s) => encodeURIComponent(s))
+    .join("/");
+
+  const host = req.get("host") || "localhost";
+  const protocol = req.protocol || (req.secure ? "https" : "http");
+
+  const absoluteUrl = `${protocol}://${host}/media/${encodedPath}?token=${mediaToken}`;
+
+  console.log("Generated media URL:", { original: filePath, url: absoluteUrl, ttl });
+  res.json({ url: absoluteUrl, token: mediaToken, expiresIn: ttl });
+});
 
 // --- Torrent veya magnet ekleme ---
 app.post("/api/transfer", requireAuth, upload.single("torrent"), (req, res) => {
@@ -2381,6 +2410,26 @@ app.get("/movie-data/:path(*)", requireAuth, (req, res) => {
   const fullPath = resolveMovieDataAbsolute(relPath);
   if (!fullPath) return res.status(400).send("Geçersiz movie data yolu");
   if (!fs.existsSync(fullPath)) return res.status(404).send("Dosya bulunamadı");
+  
+  // Cache kontrolü için dosya değişim zamanını ekle
+  const stats = fs.statSync(fullPath);
+  const lastModified = stats.mtime.getTime();
+  
+  // Eğer client If-Modified-Since header gönderdiyse kontrol et
+  const ifModifiedSince = req.headers['if-modified-since'];
+  if (ifModifiedSince) {
+    const clientTime = new Date(ifModifiedSince).getTime();
+    if (clientTime >= lastModified) {
+      return res.status(304).end(); // Not Modified
+    }
+  }
+  
+  // Cache-Control header'larını ayarla
+  res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate');
+  res.setHeader('Pragma', 'no-cache');
+  res.setHeader('Expires', '0');
+  res.setHeader('Last-Modified', new Date(lastModified).toUTCString());
+  
   res.sendFile(fullPath);
 });
 
@@ -2389,6 +2438,26 @@ app.get("/tv-data/:path(*)", requireAuth, (req, res) => {
   const fullPath = resolveTvDataAbsolute(relPath);
   if (!fullPath) return res.status(400).send("Geçersiz tv data yolu");
   if (!fs.existsSync(fullPath)) return res.status(404).send("Dosya bulunamadı");
+  
+  // Cache kontrolü için dosya değişim zamanını ekle
+  const stats = fs.statSync(fullPath);
+  const lastModified = stats.mtime.getTime();
+  
+  // Eğer client If-Modified-Since header gönderdiyse kontrol et
+  const ifModifiedSince = req.headers['if-modified-since'];
+  if (ifModifiedSince) {
+    const clientTime = new Date(ifModifiedSince).getTime();
+    if (clientTime >= lastModified) {
+      return res.status(304).end(); // Not Modified
+    }
+  }
+  
+  // Cache-Control header'larını ayarla
+  res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate');
+  res.setHeader('Pragma', 'no-cache');
+  res.setHeader('Expires', '0');
+  res.setHeader('Last-Modified', new Date(lastModified).toUTCString());
+  
   res.sendFile(fullPath);
 });
 
@@ -2638,9 +2707,28 @@ app.post("/api/torrents/:hash/toggle", requireAuth, (req, res) => {
 
 // --- GENEL MEDYA SUNUMU (🆕 resimler + videolar) ---
 app.get("/media/:path(*)", requireAuth, (req, res) => {
-  const relPath = req.params.path;
-  const fullPath = path.join(DOWNLOAD_DIR, relPath);
-  if (!fs.existsSync(fullPath)) return res.status(404).send("File not found");
+  // URL'deki encode edilmiş karakterleri decode et
+  let relPath = req.params.path || "";
+  try {
+    relPath = decodeURIComponent(relPath);
+  } catch (err) {
+    console.warn("Failed to decode media path:", relPath, err.message);
+  }
+
+  // sanitizeRelative sadece baştaki slash'ları temizler; buradan sonra ekstra kontrol yapıyoruz
+  const safeRel = sanitizeRelative(relPath);
+  if (!safeRel) {
+    console.error("Invalid media path after sanitize:", relPath);
+    return res.status(400).send("Invalid path");
+  }
+
+  const fullPath = path.join(DOWNLOAD_DIR, safeRel);
+  console.log("Media request:", { originalPath: req.params.path, decodedPath: relPath, safeRel, fullPath }); // Debug için log ekle
+
+  if (!fs.existsSync(fullPath)) {
+    console.error("File not found:", fullPath);
+    return res.status(404).send("File not found");
+  }
 
   const stat = fs.statSync(fullPath);
   const fileSize = stat.size;
@@ -2648,6 +2736,13 @@ app.get("/media/:path(*)", requireAuth, (req, res) => {
   const isVideo = String(type).startsWith("video/");
   const range = req.headers.range;
 
+  console.log("Media info:", { fileSize, type, isVideo, range }); // Debug için log ekle
+
+  // CORS headers ekle
+  res.setHeader("Access-Control-Allow-Origin", "*");
+  res.setHeader("Access-Control-Allow-Methods", "GET, HEAD, OPTIONS");
+  res.setHeader("Access-Control-Allow-Headers", "Range, Accept-Ranges, Content-Type");
+
   if (isVideo && range) {
     const [startStr, endStr] = range.replace(/bytes=/, "").split("-");
     const start = parseInt(startStr, 10);
@@ -2891,6 +2986,8 @@ app.get("/api/files", requireAuth, (req, res) => {
         const seriesEpisodeInfo = relWithinRoot
           ? info.seriesEpisodes?.[relWithinRoot] || null
           : null;
+        const isPrimaryVideo =
+          !!info.primaryVideoPath && info.primaryVideoPath === relWithinRoot;
 
         result.push({
           name: safeRel,
@@ -2908,6 +3005,7 @@ app.get("/api/files", requireAuth, (req, res) => {
           mediaInfo: mediaInfoForFile,
           primaryVideoPath: info.primaryVideoPath || null,
           primaryMediaInfo: info.primaryMediaInfo || null,
+          movieMatch: isPrimaryVideo ? info.movieMatch || null : null,
           seriesEpisode: seriesEpisodeInfo
         });
       }
@@ -3266,16 +3364,29 @@ app.get("/api/tvshows", requireAuth, (req, res) => {
           }
           const relativeFile =
             normalizedEpisode.file || normalizedEpisode.videoPath || "";
-          if (!normalizedEpisode.videoPath && relativeFile) {
-            const joined = relativeFile.includes("/")
-              ? relativeFile
-              : `${folder}/${relativeFile}`;
-            normalizedEpisode.videoPath = joined.replace(/\\/g, "/");
-          } else if (normalizedEpisode.videoPath) {
-            normalizedEpisode.videoPath = normalizedEpisode.videoPath.replace(
-              /\\/g,
-              "/"
-            );
+          const rawVideoPath = normalizedEpisode.videoPath || relativeFile || "";
+          let videoPath = rawVideoPath.replace(/\\/g, "/").replace(/^\.\//, "");
+          if (videoPath) {
+            const isExternal = /^https?:\/\//i.test(videoPath);
+            const needsFolderPrefix =
+              !isExternal &&
+              !videoPath.startsWith(`${folder}/`) &&
+              !videoPath.startsWith(`/${folder}/`);
+            if (needsFolderPrefix) {
+              videoPath = `${folder}/${videoPath}`.replace(/\\/g, "/");
+            }
+            const finalPath = videoPath.replace(/^\/+/, "");
+            if (finalPath !== rawVideoPath) {
+              dataChanged = true;
+            }
+            normalizedEpisode.videoPath = finalPath;
+          } else if (relativeFile) {
+            normalizedEpisode.videoPath = `${folder}/${relativeFile}`
+              .replace(/\\/g, "/")
+              .replace(/^\/+/, "");
+            if (normalizedEpisode.videoPath !== rawVideoPath) {
+              dataChanged = true;
+            }
           }
           normalizedEpisode.folder = folder;
 
@@ -3502,7 +3613,7 @@ app.get("/stream/:hash", requireAuth, (req, res) => {
   stream.pipe(res);
 });
 
-console.log("📂 Download path:", DOWNLOAD_DIR);
+console.log("🗄️  Download path:", DOWNLOAD_DIR);
 
 
 // --- ✅ Client build (frontend) dosyalarını sun ---
@@ -3516,7 +3627,7 @@ if (fs.existsSync(publicDir)) {
 }
 
 const server = app.listen(PORT, () =>
-  console.log(`✅ WebTorrent server ${PORT} portunda çalışıyor`)
+  console.log(`🐔 du.pe server ${PORT} portunda çalışıyor`)
 );
 
 wss = new WebSocketServer({ server });
@@ -3558,6 +3669,396 @@ app.get("/api/disk-space", requireAuth, async (req, res) => {
   }
 });
 
+// --- 🔍 TMDB/TVDB Arama Endpoint'i ---
+app.get("/api/search/metadata", requireAuth, async (req, res) => {
+  try {
+    const { query, year, type } = req.query;
+    
+    if (!query) {
+      return res.status(400).json({ error: "query parametresi gerekli" });
+    }
+    
+    if (type === "movie") {
+      // TMDB Film Araması
+      if (!TMDB_API_KEY) {
+        return res.status(400).json({ error: "TMDB API key tanımlı değil" });
+      }
+      
+      const params = new URLSearchParams({
+        api_key: TMDB_API_KEY,
+        query: query,
+        language: "en-US",
+        include_adult: false
+      });
+      
+      if (year) {
+        params.set("year", year);
+      }
+      
+      const response = await fetch(`${TMDB_BASE_URL}/search/movie?${params}`);
+      
+      if (!response.ok) {
+        throw new Error(`TMDB API error: ${response.status}`);
+      }
+      
+      const data = await response.json();
+      
+      // Her film için detaylı bilgi çek
+      const resultsWithDetails = await Promise.all(
+        (data.results || []).slice(0, 10).map(async (item) => {
+          try {
+            const detailResponse = await fetch(
+              `${TMDB_BASE_URL}/movie/${item.id}?api_key=${TMDB_API_KEY}&append_to_response=credits&language=en-US`
+            );
+            
+            if (detailResponse.ok) {
+              const details = await detailResponse.json();
+              const cast = (details.credits?.cast || []).slice(0, 3).map(c => c.name);
+              const genres = (details.genres || []).map(g => g.name);
+              
+              return {
+                id: item.id,
+                title: item.title,
+                year: item.release_date ? item.release_date.slice(0, 4) : null,
+                overview: item.overview || "",
+                poster: item.poster_path ? `${TMDB_IMG_BASE}${item.poster_path}` : null,
+                runtime: details.runtime || null,
+                genres: genres,
+                cast: cast,
+                type: "movie"
+              };
+            }
+          } catch (err) {
+            console.warn(`⚠️ Film detayı alınamadı (${item.id}):`, err.message);
+          }
+          
+          return {
+            id: item.id,
+            title: item.title,
+            year: item.release_date ? item.release_date.slice(0, 4) : null,
+            overview: item.overview || "",
+            poster: item.poster_path ? `${TMDB_IMG_BASE}${item.poster_path}` : null,
+            type: "movie"
+          };
+        })
+      );
+      
+      res.json({ results: resultsWithDetails });
+    } else if (type === "series") {
+      // TVDB Dizi Araması
+      if (!TVDB_API_KEY) {
+        return res.status(400).json({ error: "TVDB API key tanımlı değil" });
+      }
+      
+      const params = new URLSearchParams({ type: "series", query: query });
+      const resp = await tvdbFetch(`/search?${params.toString()}`);
+      
+      if (!resp || !resp.data) {
+        return res.json({ results: [] });
+      }
+      
+      const allData = Array.isArray(resp.data) ? resp.data : [];
+      
+      const resultsWithDetails = await Promise.all(
+        allData.slice(0, 20).map(async (item) => {
+          try {
+            const seriesId = item.tvdb_id || item.id;
+            const extended = await fetchTvdbSeriesExtended(seriesId);
+            
+            if (extended) {
+              const info = extended.series || extended;
+              const artworks = Array.isArray(extended.artworks) ? extended.artworks : [];
+              const posterArtwork = artworks.find(a => {
+                const type = String(a?.type || a?.artworkType || "").toLowerCase();
+                return type.includes("poster") || type === "series" || type === "2";
+              });
+              
+              const genres = Array.isArray(info.genres)
+                ? info.genres.map(g => typeof g === "string" ? g : g?.name || g?.genre).filter(Boolean)
+                : [];
+              
+              // Yıl bilgisini çeşitli yerlerden al
+              let seriesYear = null;
+              if (info.year) {
+                seriesYear = Number(info.year);
+              } else if (item.year) {
+                seriesYear = Number(item.year);
+              } else if (info.first_air_date || info.firstAired) {
+                const dateStr = String(info.first_air_date || info.firstAired);
+                const yearMatch = dateStr.match(/(\d{4})/);
+                if (yearMatch) seriesYear = Number(yearMatch[1]);
+              }
+              
+              return {
+                id: seriesId,
+                title: info.name || item.name,
+                year: seriesYear,
+                overview: info.overview || item.overview || "",
+                poster: posterArtwork?.image ? tvdbImageUrl(posterArtwork.image) : (item.image ? tvdbImageUrl(item.image) : null),
+                genres: genres,
+                status: info.status?.name || info.status || null,
+                type: "series"
+              };
+            }
+          } catch (err) {
+            console.warn(`⚠️ Dizi detayı alınamadı:`, err.message);
+          }
+          
+          // Fallback için yıl bilgisini al
+          let itemYear = null;
+          if (item.year) {
+            itemYear = Number(item.year);
+          } else if (item.first_air_date || item.firstAired) {
+            const dateStr = String(item.first_air_date || item.firstAired);
+            const yearMatch = dateStr.match(/(\d{4})/);
+            if (yearMatch) itemYear = Number(yearMatch[1]);
+          }
+          
+          return {
+            id: item.tvdb_id || item.id,
+            title: item.name || item.seriesName,
+            year: itemYear,
+            overview: item.overview || "",
+            poster: item.image ? tvdbImageUrl(item.image) : null,
+            type: "series"
+          };
+        })
+      );
+      
+      // Yıl filtresi detaylı bilgiler alındıktan SONRA uygula
+      let filtered = resultsWithDetails.filter(Boolean);
+      if (year && year.trim()) {
+        const targetYear = Number(year);
+        console.log(`🔍 TVDB Yıl filtresi uygulanıyor: ${targetYear}`);
+        
+        filtered = filtered.filter(item => {
+          const itemYear = item.year ? Number(item.year) : null;
+          const matches = itemYear && itemYear === targetYear;
+          console.log(`  - ${item.title}: yıl=${itemYear}, eşleşme=${matches}`);
+          return matches;
+        });
+        
+        console.log(`🔍 Yıl filtresinden sonra: ${filtered.length} sonuç`);
+      }
+      
+      res.json({ results: filtered.slice(0, 10) });
+    } else {
+      res.status(400).json({ error: "type parametresi 'movie' veya 'series' olmalı" });
+    }
+  } catch (err) {
+    console.error("❌ Metadata search error:", err);
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// --- 🔗 Manuel Eşleştirme Endpoint'i ---
+app.post("/api/match/manual", requireAuth, async (req, res) => {
+  try {
+    const { filePath, metadata, type, season, episode } = req.body;
+    
+    if (!filePath || !metadata || !type) {
+      return res.status(400).json({ error: "filePath, metadata ve type gerekli" });
+    }
+    
+    const safePath = sanitizeRelative(filePath);
+    if (!safePath) {
+      return res.status(400).json({ error: "Geçersiz dosya yolu" });
+    }
+    
+    const fullPath = path.join(DOWNLOAD_DIR, safePath);
+    if (!fs.existsSync(fullPath)) {
+      return res.status(404).json({ error: "Dosya bulunamadı" });
+    }
+    
+    const rootFolder = rootFromRelPath(safePath);
+    if (!rootFolder) {
+      return res.status(400).json({ error: "Kök klasör belirlenemedi" });
+    }
+    
+    const rootDir = path.join(DOWNLOAD_DIR, rootFolder);
+    const infoPath = infoFilePath(rootDir);
+    
+    // Mevcut info.json dosyasını oku
+    let infoData = {};
+    if (fs.existsSync(infoPath)) {
+      try {
+        infoData = JSON.parse(fs.readFileSync(infoPath, "utf-8"));
+      } catch (err) {
+        console.warn(`⚠️ info.json okunamadı (${infoPath}): ${err.message}`);
+      }
+    }
+    
+    // Media info'yu çıkar
+    let mediaInfo = null;
+    try {
+      mediaInfo = await extractMediaInfo(fullPath);
+    } catch (err) {
+      console.warn(`⚠️ Media info alınamadı (${fullPath}): ${err.message}`);
+    }
+    
+    // Önce mevcut verileri temizle
+    if (type === "movie") {
+      // Film işlemleri
+      const movieId = metadata.id;
+      if (!movieId) {
+        return res.status(400).json({ error: "Film ID bulunamadı" });
+      }
+      
+      // Mevcut movie_data ve TV verilerini temizle
+      removeMovieData(rootFolder);
+      removeSeriesData(rootFolder);
+      
+      // TMDB'den detaylı bilgi al
+      const movieDetails = await tmdbFetch(`/movie/${movieId}`, {
+        language: "en-US",
+        append_to_response: "release_dates,credits,translations"
+      });
+      
+      if (!movieDetails) {
+        return res.status(400).json({ error: "Film detayları alınamadı" });
+      }
+      
+      // Türkçe çevirileri ekle
+      if (movieDetails.translations?.translations?.length) {
+        const translations = movieDetails.translations.translations;
+        const turkish = translations.find(
+          (t) => t.iso_639_1 === "tr" && t.data
+        );
+        if (turkish?.data) {
+          const data = turkish.data;
+          if (data.overview) movieDetails.overview = data.overview;
+          if (data.title) movieDetails.title = data.title;
+          if (data.tagline) movieDetails.tagline = data.tagline;
+        }
+      }
+      
+      // Movie data'yı kaydet
+      const movieDataResult = await ensureMovieData(
+        rootFolder,
+        metadata.title,
+        safePath.split('/').slice(1).join('/'),
+        mediaInfo
+      );
+      
+      if (movieDataResult) {
+        // info.json'u güncelle - eski verileri temizle
+        infoData.primaryVideoPath = safePath.split('/').slice(1).join('/');
+        infoData.primaryMediaInfo = movieDataResult;
+        infoData.movieMatch = {
+          id: movieDetails.id,
+          title: movieDetails.title,
+          year: movieDetails.release_date ? movieDetails.release_date.slice(0, 4) : null,
+          poster: movieDetails.poster_path,
+          backdrop: movieDetails.backdrop_path,
+          matchedAt: Date.now()
+        };
+        
+        // Eski dizi verilerini temizle
+        delete infoData.seriesEpisodes;
+        
+        upsertInfoFile(rootDir, infoData);
+      }
+    } else if (type === "series") {
+      // Dizi işlemleri
+      if (season === null || episode === null) {
+        return res.status(400).json({ error: "Dizi için sezon ve bölüm bilgileri gerekli" });
+      }
+      
+      const seriesId = metadata.id;
+      if (!seriesId) {
+        return res.status(400).json({ error: "Dizi ID bulunamadı" });
+      }
+      
+      // Mevcut movie_data ve TV verilerini temizle
+      removeMovieData(rootFolder);
+      removeSeriesData(rootFolder);
+      
+      // TVDB'den dizi bilgilerini al
+      const extended = await fetchTvdbSeriesExtended(seriesId);
+      if (!extended) {
+        return res.status(400).json({ error: "Dizi detayları alınamadı" });
+      }
+      
+      // Dizi bilgilerini oluştur
+      const seriesInfo = {
+        title: metadata.title,
+        searchTitle: metadata.title,
+        season,
+        episode,
+        key: `S${String(season).padStart(2, "0")}E${String(episode).padStart(2, "0")}`
+      };
+      
+      // TV data'yı kaydet
+      const tvDataResult = await ensureSeriesData(
+        rootFolder,
+        safePath.split('/').slice(1).join('/'),
+        seriesInfo,
+        mediaInfo
+      );
+      
+      if (tvDataResult) {
+        // info.json'u güncelle - eski verileri temizle
+        if (!infoData.seriesEpisodes) infoData.seriesEpisodes = {};
+        
+        const relPath = safePath.split('/').slice(1).join('/');
+        infoData.seriesEpisodes[relPath] = {
+          season,
+          episode,
+          key: seriesInfo.key,
+          title: tvDataResult.episode.title || seriesInfo.title,
+          showId: tvDataResult.show.id || null,
+          showTitle: tvDataResult.show.title || seriesInfo.title,
+          seasonName: tvDataResult.season?.name || `Season ${season}`,
+          seasonId: tvDataResult.season?.tvdbSeasonId || null,
+          seasonPoster: tvDataResult.season?.poster || null,
+          overview: tvDataResult.episode.overview || "",
+          aired: tvDataResult.episode.aired || null,
+          runtime: tvDataResult.episode.runtime || null,
+          still: tvDataResult.episode.still || null,
+          episodeId: tvDataResult.episode.tvdbEpisodeId || null,
+          slug: tvDataResult.episode.slug || null,
+          matchedAt: Date.now()
+        };
+        
+        // Eski film verilerini temizle
+        delete infoData.movieMatch;
+        delete infoData.primaryMediaInfo;
+        
+        upsertInfoFile(rootDir, infoData);
+      }
+    }
+    
+    // Thumbnail'ı yeniden oluştur
+    if (mediaInfo?.format?.mimeType?.startsWith("video/")) {
+      queueVideoThumbnail(fullPath, safePath);
+    }
+    
+    // Değişiklikleri bildir
+    broadcastFileUpdate(rootFolder);
+    
+    // Elle eşleştirme için özel bildirim gönder
+    if (wss) {
+      const data = JSON.stringify({
+        type: "manualMatch",
+        filePath: safePath,
+        rootFolder,
+        matchType: type
+      });
+      wss.clients.forEach((c) => c.readyState === 1 && c.send(data));
+    }
+    
+    res.json({
+      success: true,
+      message: "Eşleştirme başarıyla tamamlandı",
+      type,
+      rootFolder
+    });
+  } catch (err) {
+    console.error("❌ Manual match error:", err);
+    res.status(500).json({ error: err.message });
+  }
+});
+
 client.on("error", (err) => {
   if (!String(err).includes("uTP"))
     console.error("WebTorrent error:", err.message);