Merge pull request #67 from Masutayunikon/release-please--branches--main

chore(main): release 3.3.1

.github/workflows/build-binaries.yml

@@ -53,6 +53,11 @@ jobs:
             bun-target: bun-linux-x64
             binary: binaries/fankarr
             archive: fankarr-linux-x64.zip
+          - target: linux-arm64
+            os: ubuntu-latest
+            bun-target: bun-linux-arm64
+            binary: binaries/fankarr
+            archive: fankarr-linux-arm64-termux.zip
           - target: macos
             os: macos-latest
             bun-target: bun-darwin-arm64

CHANGELOG.md

@@ -1,5 +1,40 @@
 # Changelog
 
+## [3.3.1](https://github.com/Masutayunikon/FanKarr/compare/v3.3.0...v3.3.1) (2026-04-07)
+
+
+### Bug Fixes
+
+* add driver register for transmission ([7d2096e](https://github.com/Masutayunikon/FanKarr/commit/7d2096ec1972079a2e0e5bdfe01c4cc702e6b185))
+
+## [3.3.0](https://github.com/Masutayunikon/FanKarr/compare/v3.2.1...v3.3.0) (2026-04-07)
+
+
+### Features
+
+* add transmission client ([a2b88de](https://github.com/Masutayunikon/FanKarr/commit/a2b88de3a123aeb9c140e83605901dd5cdad041a))
+* set defaultPath for any system ([a2b88de](https://github.com/Masutayunikon/FanKarr/commit/a2b88de3a123aeb9c140e83605901dd5cdad041a))
+
+## [3.2.1](https://github.com/Masutayunikon/FanKarr/compare/v3.2.0...v3.2.1) (2026-04-07)
+
+
+### Bug Fixes
+
+* bun target android ([a167a87](https://github.com/Masutayunikon/FanKarr/commit/a167a870188bdcd6b26644e304c2059ad5f05e96))
+
+## [3.2.0](https://github.com/Masutayunikon/FanKarr/compare/v3.1.1...v3.2.0) (2026-04-07)
+
+
+### Features
+
+* add build for arm64 ([96acc13](https://github.com/Masutayunikon/FanKarr/commit/96acc134698ca09842d57d906e4a28ab8e94ba56))
+* add developer settings on settings and dashboard debug ([96acc13](https://github.com/Masutayunikon/FanKarr/commit/96acc134698ca09842d57d906e4a28ab8e94ba56))
+
+
+### Bug Fixes
+
+* android build name ([0cfe6eb](https://github.com/Masutayunikon/FanKarr/commit/0cfe6eb81055b841a67c08e02129709c0214d87d))
+
 ## [3.1.1](https://github.com/Masutayunikon/FanKarr/compare/v3.1.0...v3.1.1) (2026-03-28)
 
 

server/index.ts

@@ -10,11 +10,14 @@ import {
     sanitizeClient, dispatchDownload, dispatchList
 } from './torrent-clients/index.js'
 import qbittorrentDriver from './torrent-clients/qbittorrent.js'
-import { organizeTorrent, autoOrganizeAll, scanMediaPath } from './organize.js'
+import transmissionDriver from './torrent-clients/transmission.js'
+import { organizeTorrent, autoOrganizeAll, scanMediaPath, workerRunning } from './organize.js'
 import { logger, readLogs, clearLogs, logsFileSize } from './logger.js'
 import { DATA_DIR, BASE_DIR } from './config.js'
+import { systemInfo } from './system.js'
 
 registerDriver(qbittorrentDriver)
+registerDriver(transmissionDriver)
 
 const app  = express()
 const PORT = Number(process.env.PORT) || 9898
@@ -36,13 +39,16 @@ app.post('/api/auth/setup',  authSetup)
 app.post('/api/auth/login',  authLogin)
 app.post('/api/auth/logout', authLogout)
 
+// system info
+app.get('/api/system/info', systemInfo)
+
 // ── Settings ───────────────────────────────────────────────────
 app.get('/api/settings', requireAuth, (_req, res) => {
     res.json(readSettings())
 })
 app.post('/api/settings', requireAuth, (req, res) => {
-    const { mediaPath, completePath, organizeMode, category, nfoSupport, autoImport } = req.body
-    const updated = writeSettings({ mediaPath, completePath, organizeMode, category, nfoSupport, autoImport })
+    const { mediaPath, completePath, organizeMode, category, nfoSupport, autoImport, devMode } = req.body
+    const updated = writeSettings({ mediaPath, completePath, organizeMode, category, nfoSupport, autoImport, devMode })
     logger.info('api', 'Paramètres mis à jour')
     res.json(updated)
 })
@@ -456,6 +462,50 @@ app.post('/api/scan', requireAuth, async (_req, res) => {
     }
 })
 
+// ── Debug (dev mode uniquement) ───────────────────────────────
+app.get('/api/debug/stats', requireAuth, (req, res) => {
+    const { devMode } = readSettings()
+    if (!devMode) { res.status(403).json({ error: 'Dev mode désactivé' }); return }
+
+    const mem     = process.memoryUsage()
+    const uptimeS = Math.floor(process.uptime())
+    const h       = Math.floor(uptimeS / 3600)
+    const m       = Math.floor((uptimeS % 3600) / 60)
+    const s       = uptimeS % 60
+
+    let organizedCount = 0
+    try {
+        const orgPath = path.join(DATA_DIR, 'organized.json')
+        if (fs.existsSync(orgPath)) {
+            const org = JSON.parse(fs.readFileSync(orgPath, 'utf-8'))
+            organizedCount = Object.values(org).reduce((acc: number, files: any) => acc + Object.keys(files).length, 0)
+        }
+    } catch {}
+
+    res.json({
+        memory: {
+            heapUsed : Math.round(mem.heapUsed  / 1024 / 1024),
+            heapTotal: Math.round(mem.heapTotal / 1024 / 1024),
+            rss      : Math.round(mem.rss       / 1024 / 1024),
+        },
+        cache: {
+            entries   : _cache.size,
+            ttlHours  : 6,
+        },
+        uptime: `${h}h ${m}m ${s}s`,
+        uptimeSeconds: uptimeS,
+        worker: {
+            running: workerRunning,
+        },
+        organized: {
+            trackedFiles: organizedCount,
+        },
+        requests: {
+            notifs: recentOrganized.length,
+        },
+    })
+})
+
 if (fs.existsSync(PUBLIC_PATH)) {
     app.get('*path', (_req, res) => { res.sendFile(path.join(PUBLIC_PATH, 'index.html')) })
 }

server/organize.ts

@@ -13,7 +13,7 @@ import { readSettings } from './settings.js'
 
 const ORGANIZED_PATH = path.join(DATA_DIR, 'organized.json')
 
-let workerRunning = false
+export let workerRunning = false
 const _prevStates = new Map<string, string>()
 
 function resolveWorkerPath(): string {
@@ -211,7 +211,8 @@ export async function autoOrganizeAll(
         workerRunning = false
     })
     worker.on('exit', (code) => {
-        if (code !== 0) logger.error('organize', `Worker exit avec code ${code}`)
+        if (code > 1) logger.error('organize', `Worker exit inattendu avec code ${code}`)
+        else logger.debug('organize', `Worker terminé (code ${code})`)
         workerRunning = false
     })
 
@@ -261,7 +262,7 @@ export async function organizeTorrent(
             reject(err)
         })
         worker.on('exit', (code) => {
-            if (code !== 0) reject(new Error(`Worker exit ${code}`))
+            if (code > 1) reject(new Error(`Worker exit inattendu: code ${code}`))
         })
 
         worker.postMessage({ type: 'run', torrents: [fakeTorrent], seriesData })

server/settings.ts

@@ -11,6 +11,7 @@ export interface Settings {
     category     : string
     nfoSupport   : boolean
     autoImport   : boolean
+    devMode      : boolean
 }
 
 const defaults: Settings = {
@@ -20,6 +21,7 @@ const defaults: Settings = {
     category    : 'fankai',
     nfoSupport  : false,
     autoImport  : true,
+    devMode     : false,
 }
 
 export function readSettings(): Settings {

server/system.ts

@@ -0,0 +1,15 @@
+import fs from 'fs'
+import os from 'os'
+import type { Request, Response } from 'express'
+
+// GET /api/system/info
+export function systemInfo(_req: Request, res: Response): void {
+    const isTermux  = fs.existsSync('/data/data/com.termux')
+    const platform  = os.platform()
+
+    res.json({
+        platform,
+        isTermux,
+        defaultPath: isTermux ? '/sdcard/' : '/',
+    })
+}

server/torrent-clients/transmission.ts

@@ -0,0 +1,137 @@
+/**
+ * Transmission Driver
+ */
+
+import type { TorrentClientDriver, TorrentInfo } from './index.js'
+import { logger } from '../logger.js'
+
+function mapState(status: number): TorrentInfo['state'] {
+    // Transmission status codes :
+    // 0 = stopped, 1 = check queued, 2 = checking, 3 = download queued,
+    // 4 = downloading, 5 = seed queued, 6 = seeding
+    if (status === 4 || status === 3) return 'downloading'
+    if (status === 6 || status === 5) return 'seeding'
+    if (status === 0)                 return 'paused'
+    if (status === 1 || status === 2) return 'checking'
+    return 'unknown'
+}
+
+async function trRequest(
+    config: Record<string, string | number>,
+    method: string,
+    args: Record<string, unknown> = {},
+    sessionId = ''
+): Promise<{ result: string; arguments?: any; sessionId?: string }> {
+    const headers: Record<string, string> = {
+        'Content-Type': 'application/json',
+        'X-Transmission-Session-Id': sessionId,
+    }
+
+    if (config.username && config.password) {
+        headers['Authorization'] = 'Basic ' + btoa(`${config.username}:${config.password}`)
+    }
+
+    const res = await fetch(`${config.url}/transmission/rpc`, {
+        method : 'POST',
+        headers,
+        body   : JSON.stringify({ method, arguments: args }),
+    })
+
+    // Transmission renvoie 409 avec le session ID à la première requête
+    if (res.status === 409) {
+        const newSessionId = res.headers.get('X-Transmission-Session-Id') ?? ''
+        if (!newSessionId) throw new Error('Session ID introuvable dans la réponse 409')
+        return trRequest(config, method, args, newSessionId)
+    }
+
+    if (!res.ok) throw new Error(`Transmission HTTP ${res.status}`)
+
+    const data = await res.json()
+    if (data.result !== 'success') throw new Error(`Transmission erreur : ${data.result}`)
+
+    return { ...data, sessionId }
+}
+
+const TR: TorrentClientDriver = {
+    definition: {
+        id    : 'transmission',
+        label : 'Transmission',
+        fields: [
+            { key: 'url',      label: 'URL',          type: 'url',      placeholder: 'http://localhost:9091', required: true },
+            { key: 'username', label: 'Identifiant',  type: 'text',     placeholder: 'transmission',         required: false },
+            { key: 'password', label: 'Mot de passe', type: 'password', placeholder: '••••••••',             required: false },
+            { key: 'category', label: 'Dossier cible',type: 'text',     placeholder: 'fankai',               required: false, default: 'fankai' },
+        ],
+    },
+
+    async test(config) {
+        try {
+            await trRequest(config, 'session-get')
+            logger.info('transmission', `Test de connexion réussi sur ${config.url}`)
+            return { ok: true, message: 'Connexion réussie' }
+        } catch (err) {
+            const msg = err instanceof Error ? err.message : 'Erreur inconnue'
+            logger.warn('transmission', `Test de connexion échoué sur ${config.url} : ${msg}`)
+            return { ok: false, message: msg }
+        }
+    },
+
+    async healthcheck(config) {
+        try {
+            const data = await trRequest(config, 'session-get')
+            const version = data.arguments?.version ?? 'inconnue'
+            logger.debug('transmission', `Healthcheck OK — version ${version}`)
+            return { online: true, version }
+        } catch (err) {
+            logger.debug('transmission', `Healthcheck échoué : ${err instanceof Error ? err.message : err}`)
+            return { online: false }
+        }
+    },
+
+    async list(config, category) {
+        const fields = ['hashString', 'name', 'status', 'percentDone', 'totalSize',
+            'downloadedEver', 'rateDownload', 'eta', 'downloadDir', 'labels']
+        const data = await trRequest(config, 'torrent-get', { fields })
+        const torrents: any[] = data.arguments?.torrents ?? []
+
+        return torrents
+            .filter(t => {
+                if (!category) return true
+                // Filtrer par label ou par dossier contenant la catégorie
+                return t.labels?.includes(category) ||
+                    (t.downloadDir as string)?.includes(category)
+            })
+            .map(t => ({
+                hash      : t.hashString,
+                name      : t.name,
+                state     : mapState(t.status),
+                progress  : Math.round(t.percentDone * 100),
+                size      : t.totalSize,
+                downloaded: t.downloadedEver,
+                speed     : t.rateDownload,
+                eta       : t.eta ?? -1,
+                save_path : t.downloadDir,
+                category  : t.labels?.[0] ?? '',
+            } satisfies TorrentInfo))
+    },
+
+    async add(config, url) {
+        const args: Record<string, unknown> = { filename: url }
+
+        if (config.savePath) {
+            args['download-dir'] = String(config.savePath)
+        } else if (config.category) {
+            // Si pas de savePath explicite, ajouter la catégorie comme sous-dossier
+            args['download-dir'] = `/sdcard/Download/${config.category}`
+        }
+
+        if (config.category) {
+            args['labels'] = [String(config.category)]
+        }
+
+        await trRequest(config, 'torrent-add', args)
+        logger.info('transmission', `Torrent ajouté avec succès (catégorie: ${config.category ?? 'aucune'})`)
+    },
+}
+
+export default TR

src/layouts/AppLayout.vue

@@ -74,6 +74,7 @@ const navItems = computed<NavItem[]>(() => [
       { label: 'Gestion des médias',        to: '/settings/media-management' },
       { label: 'Catalogue Fankai',          to: '/settings/catalogue' },
       { label: 'Journaux',                  to: '/settings/logs' },
+      { label: 'Avancé',                    to: '/settings/advanced' },
     ],
   },
 ])

src/router/index.ts

@@ -73,6 +73,11 @@ const router = createRouter({
                             name: 'settings-logs',
                             component: () => import('@/views/settings/LogsView.vue'), // ← nouveau chemin
                         },
+                        {
+                            path: 'advanced',
+                            name: 'settings-advanced',
+                            component: () => import('@/views/settings/AdvancedView.vue'),
+                        },
                     ],
                 },
             ],

src/views/DashboardView.vue

@@ -11,9 +11,7 @@
       <div class="settings-card flex flex-col gap-1">
         <span class="text-xs text-muted">Importées</span>
         <span class="text-2xl font-semibold text-green-500">{{ stats.imported }}</span>
-        <span class="text-xs text-muted">
-          {{ stats.catalogue > 0 ? Math.round(stats.imported / stats.catalogue * 100) : 0 }}% du catalogue
-        </span>
+        <span class="text-xs text-muted">{{ stats.catalogue > 0 ? Math.round(stats.imported / stats.catalogue * 100) : 0 }}% du catalogue</span>
       </div>
       <div class="settings-card flex flex-col gap-1">
         <span class="text-xs text-muted">En cours</span>
@@ -22,28 +20,21 @@
       </div>
       <div class="settings-card flex flex-col gap-1">
         <span class="text-xs text-muted">Erreurs</span>
-        <span class="text-2xl font-semibold" :class="stats.errors > 0 ? 'text-red-400' : 'text-muted'">
-          {{ stats.errors }}
-        </span>
+        <span class="text-2xl font-semibold" :class="stats.errors > 0 ? 'text-red-400' : 'text-muted'">{{ stats.errors }}</span>
         <span class="text-xs text-muted">{{ stats.errors === 0 ? 'aucune erreur' : 'à corriger' }}</span>
       </div>
     </div>
 
-    <div class="grid md:grid-cols-2 gap-4">
+    <div class="grid md:grid-cols-2 gap-4 mb-6">
 
       <!-- Téléchargements actifs -->
       <div class="settings-card flex flex-col gap-3">
         <h2 class="text-sm font-medium text-secondary">Téléchargements actifs</h2>
-
         <div v-if="loadingTorrents" class="flex items-center gap-2 text-muted text-xs py-4">
           <div class="w-3 h-3 border border-border border-t-accent rounded-full animate-spin" />
           Chargement...
         </div>
-
-        <div v-else-if="activeTorrents.length === 0" class="text-xs text-muted py-4">
-          Aucun téléchargement en cours
-        </div>
-
+        <div v-else-if="activeTorrents.length === 0" class="text-xs text-muted py-4">Aucun téléchargement en cours</div>
         <div v-else class="flex flex-col gap-3">
           <div v-for="t in activeTorrents" :key="t.hash" class="flex flex-col gap-1.5">
             <div class="flex items-center justify-between gap-2">
@@ -51,17 +42,11 @@
               <span class="text-xs text-muted shrink-0">{{ t.progress }}%</span>
             </div>
             <div class="h-0.5 bg-border rounded-full overflow-hidden">
-              <div
-                  class="h-full rounded-full transition-all duration-500"
-                  :class="t.state === 'seeding' ? 'bg-green-500' : 'bg-accent'"
-                  :style="{ width: `${t.progress}%` }"
-              />
+              <div class="h-full rounded-full transition-all duration-500" :class="t.state === 'seeding' ? 'bg-green-500' : 'bg-accent'" :style="{ width: `${t.progress}%` }" />
             </div>
             <div class="flex items-center justify-between">
               <span class="text-[11px] text-muted">{{ formatSize(t.downloaded) }} / {{ formatSize(t.size) }}</span>
-              <span v-if="t.state === 'downloading' && t.eta > 0" class="text-[11px] text-muted">
-                {{ formatEta(t.eta) }}
-              </span>
+              <span v-if="t.state === 'downloading' && t.eta > 0" class="text-[11px] text-muted">{{ formatEta(t.eta) }}</span>
             </div>
           </div>
         </div>
@@ -70,28 +55,16 @@
       <!-- Derniers imports -->
       <div class="settings-card flex flex-col gap-3">
         <h2 class="text-sm font-medium text-secondary">Derniers imports</h2>
-
         <div v-if="loadingNotifs" class="flex items-center gap-2 text-muted text-xs py-4">
           <div class="w-3 h-3 border border-border border-t-accent rounded-full animate-spin" />
           Chargement...
         </div>
-
-        <div v-else-if="recentNotifs.length === 0" class="text-xs text-muted py-4">
-          Aucun import récent
-        </div>
-
+        <div v-else-if="recentNotifs.length === 0" class="text-xs text-muted py-4">Aucun import récent</div>
         <div v-else class="flex flex-col divide-y divide-border/50">
           <div v-for="n in recentNotifs" :key="n.hash + n.at" class="flex items-start gap-3 py-2.5 first:pt-0 last:pb-0">
-            <div
-                class="w-5 h-5 rounded-md flex items-center justify-center shrink-0 mt-0.5"
-                :class="n.errors > 0 ? 'bg-red-500/10' : 'bg-green-500/10'"
-            >
-              <svg v-if="n.errors === 0" width="10" height="10" viewBox="0 0 12 12" stroke="#22c55e" stroke-width="2.5" fill="none">
-                <polyline points="2 6 5 9 10 3"/>
-              </svg>
-              <svg v-else width="10" height="10" viewBox="0 0 12 12" stroke="#f87171" stroke-width="2.5" fill="none">
-                <line x1="3" y1="3" x2="9" y2="9"/><line x1="9" y1="3" x2="3" y2="9"/>
-              </svg>
+            <div class="w-5 h-5 rounded-md flex items-center justify-center shrink-0 mt-0.5" :class="n.errors > 0 ? 'bg-red-500/10' : 'bg-green-500/10'">
+              <svg v-if="n.errors === 0" width="10" height="10" viewBox="0 0 12 12" stroke="#22c55e" stroke-width="2.5" fill="none"><polyline points="2 6 5 9 10 3"/></svg>
+              <svg v-else width="10" height="10" viewBox="0 0 12 12" stroke="#f87171" stroke-width="2.5" fill="none"><line x1="3" y1="3" x2="9" y2="9"/><line x1="9" y1="3" x2="3" y2="9"/></svg>
             </div>
             <div class="flex-1 min-w-0">
               <p class="text-xs text-primary truncate">{{ n.name }}</p>
@@ -106,6 +79,51 @@
       </div>
 
     </div>
+
+    <!-- Panneau debug -->
+    <div v-if="devMode" class="flex flex-col gap-3">
+      <div class="flex items-center gap-2">
+        <h2 class="text-sm font-medium text-secondary">Debug</h2>
+        <span class="text-[10px] px-1.5 py-0.5 rounded border border-accent/30 text-accent">DEV</span>
+        <button @click="fetchDebug" class="ml-auto text-xs text-muted hover:text-primary transition-colors">↺ Rafraîchir</button>
+      </div>
+      <div v-if="debug" class="grid grid-cols-2 md:grid-cols-3 gap-3">
+        <div class="settings-card flex flex-col gap-1">
+          <span class="text-xs text-muted">Heap utilisé</span>
+          <span class="text-xl font-semibold text-primary">{{ debug.memory.heapUsed }} MB</span>
+          <span class="text-xs text-muted">/ {{ debug.memory.heapTotal }} MB total</span>
+        </div>
+        <div class="settings-card flex flex-col gap-1">
+          <span class="text-xs text-muted">RSS (process)</span>
+          <span class="text-xl font-semibold text-primary">{{ debug.memory.rss }} MB</span>
+          <span class="text-xs text-muted">mémoire système</span>
+        </div>
+        <div class="settings-card flex flex-col gap-1">
+          <span class="text-xs text-muted">Uptime</span>
+          <span class="text-xl font-semibold text-primary">{{ debug.uptime }}</span>
+          <span class="text-xs text-muted">depuis le démarrage</span>
+        </div>
+        <div class="settings-card flex flex-col gap-1">
+          <span class="text-xs text-muted">Cache GitHub</span>
+          <span class="text-xl font-semibold text-primary">{{ debug.cache.entries }}</span>
+          <span class="text-xs text-muted">entrées (TTL {{ debug.cache.ttlHours }}h)</span>
+        </div>
+        <div class="settings-card flex flex-col gap-1">
+          <span class="text-xs text-muted">Fichiers trackés</span>
+          <span class="text-xl font-semibold text-primary">{{ debug.organized.trackedFiles }}</span>
+          <span class="text-xs text-muted">dans organized.json</span>
+        </div>
+        <div class="settings-card flex flex-col gap-1">
+          <span class="text-xs text-muted">Worker organize</span>
+          <span class="text-xl font-semibold" :class="debug.worker.running ? 'text-accent' : 'text-muted'">
+            {{ debug.worker.running ? 'Actif' : 'Inactif' }}
+          </span>
+          <span class="text-xs text-muted">{{ debug.requests.notifs }} notif(s) en mémoire</span>
+        </div>
+      </div>
+      <div v-else class="settings-card text-xs text-muted py-4 text-center">Chargement des stats...</div>
+    </div>
+
   </div>
 </template>
 
@@ -114,15 +132,26 @@ import { ref, onMounted, onUnmounted } from 'vue'
 
 const loadingTorrents = ref(true)
 const loadingNotifs   = ref(true)
-
-const stats = ref({ catalogue: 0, imported: 0, downloading: 0, errors: 0 })
+const devMode         = ref(false)
+const debug           = ref<any>(null)
+const stats           = ref({ catalogue: 0, imported: 0, downloading: 0, errors: 0 })
 const activeTorrents  = ref<any[]>([])
 const recentNotifs    = ref<any[]>([])
 
 let interval: ReturnType<typeof setInterval> | null = null
 
-async function fetchAll() {
-  await Promise.all([fetchStats(), fetchTorrents(), fetchNotifs()])
+async function fetchSettings() {
+  const res = await fetch('/api/settings', { credentials: 'include' })
+  if (res.ok) {
+    const s = await res.json()
+    devMode.value = s.devMode ?? false
+    if (devMode.value) fetchDebug()
+  }
+}
+
+async function fetchDebug() {
+  const res = await fetch('/api/debug/stats', { credentials: 'include' })
+  if (res.ok) debug.value = await res.json()
 }
 
 async function fetchStats() {
@@ -132,18 +161,12 @@ async function fetchStats() {
       fetch('/api/series',          { credentials: 'include' }),
       fetch('/api/downloads',       { credentials: 'include' }),
     ])
-
-    if (statusRes.ok) {
-      const s = await statusRes.json()
-      stats.value.catalogue = s.count ?? 0
-    }
-
+    if (statusRes.ok) { const s = await statusRes.json(); stats.value.catalogue = s.count ?? 0 }
     if (seriesRes.ok) {
-      const s = await seriesRes.json()
+      const s    = await seriesRes.json()
       const list = Array.isArray(s) ? s : (s.series ?? [])
       stats.value.imported = list.filter((s: any) => s.download_state === 'complete').length
     }
-
     if (downloadsRes.ok) {
       const torrents = await downloadsRes.json()
       stats.value.downloading = torrents.filter((t: any) => t.state === 'downloading').length
@@ -153,18 +176,14 @@ async function fetchStats() {
 }
 
 async function fetchTorrents() {
-  // Premier chargement seulement → affiche le spinner
   const isFirst = loadingTorrents.value
   try {
     const res = await fetch('/api/downloads', { credentials: 'include' })
     if (res.ok) {
       const list = await res.json()
-      activeTorrents.value = list
-          .filter((t: any) => ['downloading', 'paused', 'checking', 'error'].includes(t.state))
-          .slice(0, 5)
+      activeTorrents.value = list.filter((t: any) => ['downloading', 'paused', 'checking', 'error'].includes(t.state)).slice(0, 5)
     }
-  } catch {
-  } finally {
+  } catch {} finally {
     if (isFirst) loadingTorrents.value = false
   }
 }
@@ -174,14 +193,13 @@ async function fetchNotifs() {
   try {
     const res = await fetch('/api/organize/recent', { credentials: 'include' })
     if (res.ok) recentNotifs.value = (await res.json()).slice(0, 6)
-  } catch {
-  } finally {
+  } catch {} finally {
     loadingNotifs.value = false
   }
 }
 
 function formatSize(bytes: number): string {
-  if (!bytes || bytes === 0) return '0 B'
+  if (!bytes) return '0 B'
   const units = ['B', 'KB', 'MB', 'GB', 'TB']
   const i = Math.floor(Math.log(bytes) / Math.log(1024))
   return `${(bytes / Math.pow(1024, i)).toFixed(1)} ${units[i]}`
@@ -189,9 +207,7 @@ function formatSize(bytes: number): string {
 
 function formatEta(seconds: number): string {
   if (seconds < 0 || seconds > 86400 * 7) return '∞'
-  const h = Math.floor(seconds / 3600)
-  const m = Math.floor((seconds % 3600) / 60)
-  const s = seconds % 60
+  const h = Math.floor(seconds / 3600), m = Math.floor((seconds % 3600) / 60), s = seconds % 60
   if (h > 0) return `${h}h ${m.toString().padStart(2, '0')}m`
   if (m > 0) return `${m}m ${s.toString().padStart(2, '0')}s`
   return `${s}s`
@@ -199,21 +215,20 @@ function formatEta(seconds: number): string {
 
 function formatRelative(iso: string): string {
   const diff = Date.now() - new Date(iso).getTime()
-  const m = Math.floor(diff / 60000)
-  const h = Math.floor(diff / 3600000)
-  const d = Math.floor(diff / 86400000)
-  if (m < 1)  return "à l'instant"
+  const m = Math.floor(diff / 60000), h = Math.floor(diff / 3600000), d = Math.floor(diff / 86400000)
+  if (m < 1) return "à l'instant"
   if (m < 60) return `il y a ${m}min`
   if (h < 24) return `il y a ${h}h`
   return `il y a ${d}j`
 }
 
 onMounted(() => {
-  fetchAll()
-  interval = setInterval(fetchTorrents, 10000)
+  Promise.all([fetchStats(), fetchTorrents(), fetchNotifs(), fetchSettings()])
+  interval = setInterval(() => {
+    fetchTorrents()
+    if (devMode.value) fetchDebug()
+  }, 10000)
 })
 
-onUnmounted(() => {
-  if (interval) clearInterval(interval)
-})
+onUnmounted(() => { if (interval) clearInterval(interval) })
 </script>

src/views/DownloadsView.vue

@@ -32,6 +32,47 @@
         </div>
       </div>
 
+      <!-- Toolbar : recherche + tri -->
+      <div class="flex items-center gap-2 mb-4">
+        <div class="relative flex-1 max-w-xs">
+          <Search class="absolute left-3 top-1/2 -translate-y-1/2 text-muted pointer-events-none" :size="14" />
+          <input
+              v-model="search"
+              type="text"
+              placeholder="Rechercher..."
+              class="settings-input pl-9 w-full py-1.5 text-sm"
+          />
+        </div>
+
+        <div class="relative shrink-0" ref="sortRef">
+          <button
+              @click="sortOpen = !sortOpen"
+              class="btn-secondary flex items-center gap-1.5 py-1.5 px-2.5"
+              :class="activeSort !== 'none' ? 'border-accent text-accent' : ''"
+          >
+            <ArrowUpDown :size="14" />
+            <span class="hidden md:inline text-xs">Trier</span>
+            <span v-if="activeSort !== 'none'" class="absolute -top-1 -right-1 w-2 h-2 rounded-full bg-accent" />
+          </button>
+
+          <div
+              v-if="sortOpen"
+              class="absolute top-full right-0 mt-1 bg-card border border-border rounded-xl p-2 z-20 w-48 flex flex-col gap-0.5 shadow-xl"
+          >
+            <button
+                v-for="s in sortOptions" :key="s.value"
+                @click="setSort(s.value)"
+                class="flex items-center justify-between px-3 py-2 rounded-lg text-xs transition-colors"
+                :class="activeSort === s.value ? 'bg-active text-primary' : 'text-secondary hover:bg-hover'"
+            >
+              {{ s.label }}
+              <span v-if="activeSort === s.value && sortDir === 'asc'">↑</span>
+              <span v-else-if="activeSort === s.value && sortDir === 'desc'">↓</span>
+            </button>
+          </div>
+        </div>
+      </div>
+
       <!-- Onglets + filtre -->
       <div class="flex items-center justify-between mb-4">
         <div class="flex gap-1 bg-shell rounded-lg p-1 border border-border">
@@ -193,6 +234,8 @@
 <script setup lang="ts">
 import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { RouterLink } from 'vue-router'
+import { Search, ArrowUpDown } from 'lucide-vue-next'
+import { onClickOutside } from '@vueuse/core'
 import { useToast } from '@/composables/useToast'
 
 const { add: toast } = useToast()
@@ -205,6 +248,30 @@ const importing    = ref<Record<string, boolean>>({})
 const importingAll = ref(false)
 const activeTab    = ref<'active' | 'done'>('active')
 const hideImported = ref(false)
+const search    = ref('')
+const sortOpen  = ref(false)
+const activeSort = ref<'none' | 'name' | 'size' | 'progress' | 'state'>('none')
+const sortDir   = ref<'asc' | 'desc'>('asc')
+const sortRef   = ref<HTMLElement | null>(null)
+
+onClickOutside(sortRef, () => { sortOpen.value = false })
+
+const sortOptions = [
+  { label: 'Nom',        value: 'name'     },
+  { label: 'Taille',     value: 'size'     },
+  { label: 'Progression', value: 'progress' },
+  { label: 'État',       value: 'state'    },
+]
+
+function setSort(val: typeof activeSort.value) {
+  if (activeSort.value === val) {
+    sortDir.value = sortDir.value === 'asc' ? 'desc' : 'asc'
+  } else {
+    activeSort.value = val
+    sortDir.value = 'asc'
+  }
+  sortOpen.value = false
+}
 
 let pollInterval: ReturnType<typeof setInterval> | null = null
 
@@ -217,9 +284,33 @@ const doneTorrents = computed(() =>
 )
 
 const visibleTorrents = computed(() => {
-  if (activeTab.value === 'active') return activeTorrents.value
-  if (hideImported.value) return doneTorrents.value.filter(t => t.organizeState !== 'done')
-  return doneTorrents.value
+  let list = activeTab.value === 'active'
+      ? activeTorrents.value
+      : hideImported.value
+          ? doneTorrents.value.filter(t => t.organizeState !== 'done')
+          : doneTorrents.value
+
+  // Recherche
+  if (search.value.trim()) {
+    const q = search.value.toLowerCase()
+    list = list.filter(t => t.name.toLowerCase().includes(q))
+  }
+
+  // Tri
+  if (activeSort.value !== 'none') {
+    const dir = sortDir.value === 'asc' ? 1 : -1
+    list = [...list].sort((a, b) => {
+      switch (activeSort.value) {
+        case 'name'    : return a.name.localeCompare(b.name, 'fr') * dir
+        case 'size'    : return (a.size - b.size) * dir
+        case 'progress': return (a.progress - b.progress) * dir
+        case 'state'   : return a.state.localeCompare(b.state) * dir
+        default        : return 0
+      }
+    })
+  }
+
+  return list
 })
 
 const stats = computed(() => [

src/views/SerieView.vue

@@ -151,8 +151,19 @@
             </button>
           </div>
 
-          <!-- Progression saison -->
-          <ProgressBar :progress="torrentProgress(extractHash(season.torrent))?.progress" class="px-5 py-2 border-b border-border" />
+          <!-- Progression saison — dans le header, sous les contrôles -->
+          <div
+              v-if="torrentProgress(extractHash(season.torrent)) && torrentProgress(extractHash(season.torrent))!.progress < 100"
+              class="px-5 pb-3 -mt-1"
+          >
+            <div class="h-0.5 bg-border rounded-full overflow-hidden">
+              <div
+                  class="h-full bg-accent rounded-full transition-all duration-500"
+                  :style="{ width: `${torrentProgress(extractHash(season.torrent))!.progress}%` }"
+              />
+            </div>
+            <p class="text-[11px] text-muted mt-1">{{ torrentProgress(extractHash(season.torrent))!.progress }}%</p>
+          </div>
 
           <!-- Épisodes -->
           <div v-if="!collapsedSeasons.has(season.id)" class="divide-y divide-border/50">

src/views/SeriesView.vue

@@ -220,7 +220,7 @@ const filtersDisponibilite = [
 const filtersImport = [
   { label: 'Importés',  value: 'complete',    color: '#22c55e' },
   { label: 'En cours',  value: 'downloading', color: '#3b82f6' },
-  { label: 'Partiel',   value: 'partial',     color: 'var(--accent)' },
+  { label: 'Partiel',   value: 'partial',     color: '#9b59b6' },
 ]
 
 const sortOptions = [
@@ -233,7 +233,7 @@ const sortOptions = [
 const legend = [
   { label: 'Importé',      color: '#22c55e' },
   { label: 'En cours',     color: '#3b82f6' },
-  { label: 'Partiel',      color: 'var(--accent)' },
+  { label: 'Partiel',      color: '#9b59b6' },
   { label: 'Non importé',  color: 'var(--border)' },
 ]
 
@@ -271,7 +271,7 @@ function stateColor(state: string): string {
   return ({
     complete   : '#22c55e',
     downloading: '#3b82f6',
-    partial    : 'var(--accent)',
+    partial    : '#9b59b6',
     none       : 'transparent',
   } as Record<string, string>)[state] ?? 'transparent'
 }

src/views/settings/AdvancedView.vue

@@ -0,0 +1,49 @@
+<template>
+  <div class="flex flex-col gap-6">
+
+    <div>
+      <h2 class="text-base font-semibold text-primary">Avancé</h2>
+      <p class="text-sm text-muted mt-1">Options pour le débogage et le développement.</p>
+    </div>
+
+    <div class="settings-card flex flex-col gap-5">
+      <SettingsToggle
+          v-model="devMode"
+          label="Mode développeur"
+          description="Affiche un panneau de debug sur le dashboard : mémoire, cache, uptime, worker."
+      />
+    </div>
+
+    <div v-if="saved" class="text-xs text-green-400">Paramètre sauvegardé.</div>
+
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, watch, onMounted } from 'vue'
+import SettingsToggle from '@/components/settings/SettingsToggle.vue'
+
+const devMode = ref(false)
+const saved   = ref(false)
+let saveTimer: ReturnType<typeof setTimeout> | null = null
+
+onMounted(async () => {
+  const res = await fetch('/api/settings', { credentials: 'include' })
+  if (res.ok) {
+    const s = await res.json()
+    devMode.value = s.devMode ?? false
+  }
+})
+
+watch(devMode, async (val) => {
+  await fetch('/api/settings', {
+    method : 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    credentials: 'include',
+    body   : JSON.stringify({ devMode: val }),
+  })
+  saved.value = true
+  if (saveTimer) clearTimeout(saveTimer)
+  saveTimer = setTimeout(() => { saved.value = false }, 2000)
+})
+</script>

src/views/settings/MediaManagementView.vue

@@ -129,8 +129,12 @@ const form = ref({
   autoImport   : true,
 })
 
+const { data: systemInfo } = await useFetch('/api/system/info')
+
 const picker = ref<{ open: boolean; field: 'completePath' | 'mediaPath'; currentPath: string }>({
-  open: false, field: 'completePath', currentPath: '/',
+  open: false,
+  field: 'completePath',
+  currentPath: systemInfo.value?.defaultPath ?? '/',
 })
 
 function openPicker(field: 'completePath' | 'mediaPath') {