Fix: Remove Discover Tab (Not Finished)

src/components/chrome/Layout.svelte

@@ -6,8 +6,6 @@
   import SeriesDetail   from "../series/SeriesDetail.svelte";
   import RecentActivity from "./RecentActivity.svelte";
   import Search         from "../pages/Search.svelte";
-  import Discover       from "../pages/Discover.svelte";
-  import GenreDrillPage from "../pages/GenreDrillPage.svelte";
   import Downloads      from "../pages/Downloads.svelte";
   import Extensions     from "../pages/Extensions.svelte";
   import Tracking       from "../pages/Tracking.svelte";
@@ -26,10 +24,6 @@
       <Search />
     {:else if store.navPage === "history"}
       <RecentActivity />
-    {:else if (store.navPage === "explore" || store.navPage === "sources") && store.genreFilter}
-      <GenreDrillPage />
-    {:else if store.navPage === "explore" || store.navPage === "sources"}
-      <Discover />
     {:else if store.navPage === "downloads"}
       <Downloads />
     {:else if store.navPage === "extensions"}
@@ -45,4 +39,4 @@
 <style>
   .root { display: flex; height: 100%; background: var(--bg-base); overflow: hidden; }
   .main { flex: 1; overflow: hidden; background: var(--bg-surface); transform: translateZ(0); contain: layout style; }
-</style>
+</style>

src/components/chrome/Sidebar.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { House, Books, MagnifyingGlass, ClockCounterClockwise, Compass, DownloadSimple, PuzzlePiece, GearSix, ChartLineUp } from "phosphor-svelte";
+  import { House, Books, MagnifyingGlass, ClockCounterClockwise, DownloadSimple, PuzzlePiece, GearSix, ChartLineUp } from "phosphor-svelte";
   import { store, setNavPage, setActiveManga, setActiveSource, setLibraryFilter, setGenreFilter, setSettingsOpen } from "../../store/state.svelte";
   import type { NavPage } from "../../store/state.svelte";
 
@@ -8,17 +8,16 @@
     { id: "library",    label: "Library",    icon: Books },
     { id: "search",     label: "Search",     icon: MagnifyingGlass },
     { id: "history",    label: "History",    icon: ClockCounterClockwise },
-    { id: "explore",    label: "Discover",   icon: Compass },
     { id: "downloads",  label: "Downloads",  icon: DownloadSimple },
     { id: "extensions", label: "Extensions", icon: PuzzlePiece },
     { id: "tracking",   label: "Tracking",   icon: ChartLineUp },
   ];
 
   function navigate(id: NavPage) {
-    store.navPage     = id;
+    store.navPage      = id;
-    store.activeManga = null;
+    store.activeManga  = null;
-    store.genreFilter = "";
+    store.activeSource = null;
-    if (id !== "explore") store.activeSource = null;
+    store.genreFilter  = "";
   }
 
   function goHome() {
@@ -67,4 +66,4 @@
   .settings-btn { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-md); color: var(--text-faint); background: none; border: none; outline: none; cursor: pointer; padding: 0; appearance: none; -webkit-appearance: none; transition: color var(--t-base), background var(--t-base), transform var(--t-slow); }
   .settings-btn:hover { color: var(--text-muted); background: var(--bg-raised); transform: rotate(30deg); }
   .settings-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
-</style>
+</style>

src/components/series/SeriesDetail.svelte

@@ -644,7 +644,7 @@
         {#if manga?.genre?.length}
           <div class="genres">
             {#each (genresExpanded ? manga.genre : manga.genre.slice(0, 3)) as g}
-              <button class="genre" onclick={() => { setGenreFilter(g); setNavPage("explore"); setActiveManga(null); }}>{g}</button>
+              <button class="genre" onclick={() => { setGenreFilter(g); setNavPage("search"); setActiveManga(null); }}>{g}</button>
             {/each}
             {#if manga.genre.length > 3}
               <button class="genre-toggle" onclick={() => genresExpanded = !genresExpanded}>
@@ -1067,7 +1067,7 @@
         <span class="link-title">Link as same series</span>
         <button class="link-close" onclick={closeLinkPicker}><X size={14} weight="light" /></button>
       </div>
-      <p class="link-hint">Mark two manga as the same series so duplicates are merged in search and discover. Click a linked entry again to unlink.</p>
+      <p class="link-hint">Mark two manga as the same series so duplicates are merged in search. Click a linked entry again to unlink.</p>
       <div class="link-search-wrap">
         <input class="link-search" placeholder="Search your library…" bind:value={linkSearch} use:focusOnMount />
       </div>

src/components/shared/MangaPreview.svelte

@@ -444,7 +444,7 @@
         {#if !loadingDetail && displayManga?.genre?.length}
           <div class="genres">
             {#each displayManga.genre as g}
-              <button class="genre-tag" onclick={() => { setGenreFilter(g); setNavPage("explore"); close(); }}>{g}</button>
+              <button class="genre-tag" onclick={() => { setGenreFilter(g); setNavPage("search"); close(); }}>{g}</button>
             {/each}
           </div>
         {/if}
@@ -480,7 +480,7 @@
         <button class="close-btn" onclick={closeLinkPicker}><X size={14} weight="light" /></button>
       </div>
       <p class="link-hint">
-        Mark two manga as the same series so duplicates are merged in search and discover.
+        Mark two manga as the same series so duplicates are merged in search.
         Click a linked entry again to unlink.
       </p>
       <div class="link-search-wrap">
@@ -615,4 +615,4 @@
   @keyframes pulse { 0%,100% { opacity: 0.4 } 50% { opacity: 0.8 } }
   @keyframes fadeIn  { from { opacity: 0 } to { opacity: 1 } }
   @keyframes scaleIn { from { opacity: 0; transform: scale(0.97) } to { opacity: 1; transform: scale(1) } }
-</style>
+</style>