feat: ajout d'une "notification" dans la navbar si une nouvelle versions est disponible

feat: activation de l'import manuel

src/components/ManualImportModal.vue

@@ -138,7 +138,7 @@
     <!-- Folder Picker -->
     <FolderPicker
         v-if="pickerOpen"
-        :initial-path="selectedFolder || '/'"
+        :initial-path="selectedFolder || props.initialPath || '/'"
         @select="onFolderSelect"
         @cancel="pickerOpen = false"
     />
@@ -153,10 +153,11 @@ import { useToast } from '@/composables/useToast'
 const { add: toast } = useToast()
 
 const props = defineProps<{
-  serieId  : number
-  serieName: string
-  seasons  : any[]
-  organized: Record<string, any>  // episode_id → entry
+  serieId     : number
+  serieName   : string
+  seasons     : any[]
+  organized   : Record<string, any>
+  initialPath?: string
 }>()
 
 const emit = defineEmits<{
@@ -165,10 +166,10 @@ const emit = defineEmits<{
 }>()
 
 // ─── State ────────────────────────────────────────────────────
-const step          = ref<'folder' | 'match' | 'done'>('folder')
-const pickerOpen    = ref(false)
-const selectedFolder = ref('')
-const scanning      = ref(false)
+const step           = ref<'folder' | 'match' | 'done'>('folder')
+const pickerOpen     = ref(false)
+const selectedFolder = ref(props.initialPath || '')
+const scanning       = ref(false)
 const importing     = ref(false)
 const importError   = ref('')
 const importResult  = ref({ done: 0, errors: [] as { file: string; error: string }[] })

src/components/nav/SidebarNav.vue

@@ -27,6 +27,32 @@
       </template>
     </nav>
 
+    <!-- Nouvelle version disponible -->
+    <a
+        v-if="updateAvailable"
+        :href="latestReleaseUrl"
+        target="_blank"
+        rel="noopener"
+        class="mx-2 mb-2 flex items-center gap-2.5 px-3 py-2.5 rounded-lg border border-accent/30 bg-accent/5 hover:bg-accent/10 transition-colors group"
+    >
+      <div class="w-1.5 h-1.5 rounded-full bg-accent animate-pulse shrink-0" />
+      <div class="flex-1 min-w-0">
+        <p class="text-xs font-medium text-accent">Mise à jour disponible</p>
+        <p class="text-[11px] text-muted truncate">{{ latestVersion }} est disponible</p>
+      </div>
+      <svg width="12" height="12" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none"
+           class="shrink-0 text-muted group-hover:text-accent transition-colors">
+        <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>
+        <polyline points="15 3 21 3 21 9"/>
+        <line x1="10" y1="14" x2="21" y2="3"/>
+      </svg>
+    </a>
+
+    <!-- Version actuelle -->
+    <div class="px-3 pb-1 pt-0.5">
+      <p class="text-[10px] text-muted/50 font-mono">{{ currentVersion }}</p>
+    </div>
+
     <!-- Thème -->
     <ThemeSwitcher />
 
@@ -34,6 +60,7 @@
 </template>
 
 <script setup lang="ts">
+import { ref, onMounted } from 'vue'
 import { useRouter, RouterLink } from 'vue-router'
 import { LogOut } from 'lucide-vue-next'
 import { useAuthStore } from '@/stores/auth'
@@ -46,8 +73,64 @@ defineProps<{ items: NavItem[] }>()
 const router = useRouter()
 const auth   = useAuthStore()
 
+const currentVersion    = ref('dev')
+const latestVersion     = ref('')
+const latestReleaseUrl  = ref('https://github.com/masutayunikon/FanKarr/releases/latest')
+const updateAvailable   = ref(false)
+
+const GITHUB_REPO = 'masutayunikon/FanKarr'
+
+function parseVersion(v: string): number[] {
+  return v.replace(/^v/, '').split('.').map(n => parseInt(n, 10) || 0)
+}
+
+function isNewer(latest: string, current: string): boolean {
+  if (current === 'dev') return false
+  const l = parseVersion(latest)
+  const c = parseVersion(current)
+  for (let i = 0; i < Math.max(l.length, c.length); i++) {
+    const lv = l[i] ?? 0
+    const cv = c[i] ?? 0
+    if (lv > cv) return true
+    if (lv < cv) return false
+  }
+  return false
+}
+
+async function checkForUpdates() {
+  try {
+    // Version locale
+    const vRes = await fetch('/api/version', { credentials: 'include' })
+    if (vRes.ok) {
+      const { version } = await vRes.json()
+      currentVersion.value = version
+    }
+
+    if (currentVersion.value === 'dev') return
+
+    // Dernière release GitHub
+    const gRes = await fetch(`https://api.github.com/repos/${GITHUB_REPO}/releases/latest`, {
+      headers: { Accept: 'application/vnd.github.v3+json' },
+    })
+    if (!gRes.ok) return
+    const release = await gRes.json()
+    latestVersion.value    = release.tag_name ?? ''
+    latestReleaseUrl.value = release.html_url ?? latestReleaseUrl.value
+
+    if (isNewer(latestVersion.value, currentVersion.value)) {
+      updateAvailable.value = true
+    }
+  } catch {}
+}
+
 async function logout() {
   await auth.logout()
   router.push('/auth')
 }
+
+onMounted(() => {
+  checkForUpdates()
+  // Revérifier toutes les 6h
+  setInterval(checkForUpdates, 6 * 60 * 60 * 1000)
+})
 </script>