feat(watcher): Ajout watcher de fichiers temps réel

- Migration 0006: colonne watcher_enabled
- Crate notify pour surveillance FS temps réel (FSEvents/inotify)
- Watcher redémarré toutes les 30s si config change
- Détection instantanée création/modification/suppression
- Création job immédiate quand fichier détecté
- API: support watcher_enabled dans UpdateMonitoringRequest
- Backoffice: toggle Watcher avec indicateur ⚡
- Fonctionne en parallèle du scheduler auto-scan

Usage: Activer Watcher + Auto-scan pour réactivité max

apps/backoffice/app/components/MonitoringForm.tsx

@@ -6,9 +6,10 @@ interface MonitoringFormProps {
   libraryId: string;
   monitorEnabled: boolean;
   scanMode: string;
+  watcherEnabled: boolean;
 }
 
-export function MonitoringForm({ libraryId, monitorEnabled, scanMode }: MonitoringFormProps) {
+export function MonitoringForm({ libraryId, monitorEnabled, scanMode, watcherEnabled }: MonitoringFormProps) {
   const [isPending, startTransition] = useTransition();
 
   const handleSubmit = (formData: FormData) => {
@@ -20,6 +21,7 @@ export function MonitoringForm({ libraryId, monitorEnabled, scanMode }: Monitori
           body: JSON.stringify({
             monitor_enabled: formData.get("monitor_enabled") === "true",
             scan_mode: formData.get("scan_mode"),
+            watcher_enabled: formData.get("watcher_enabled") === "true",
           }),
         });
         if (response.ok) {
@@ -34,16 +36,29 @@ export function MonitoringForm({ libraryId, monitorEnabled, scanMode }: Monitori
   return (
     <form action={handleSubmit} className="monitoring-form">
       <input type="hidden" name="id" value={libraryId} />
-      <label className={`monitor-toggle ${isPending ? 'pending' : ''}`}>
-        <input
-          type="checkbox"
-          name="monitor_enabled"
-          value="true"
-          defaultChecked={monitorEnabled}
-          disabled={isPending}
-        />
-        Auto
-      </label>
+      <div className="monitor-options">
+        <label className={`monitor-toggle ${isPending ? 'pending' : ''}`}>
+          <input
+            type="checkbox"
+            name="monitor_enabled"
+            value="true"
+            defaultChecked={monitorEnabled}
+            disabled={isPending}
+          />
+          <span className="toggle-label">Auto-scan</span>
+        </label>
+        <label className={`monitor-toggle watcher-toggle ${isPending ? 'pending' : ''} ${watcherEnabled ? 'active' : ''}`}>
+          <input
+            type="checkbox"
+            name="watcher_enabled"
+            value="true"
+            defaultChecked={watcherEnabled}
+            disabled={isPending}
+          />
+          <span className="toggle-label">Watcher</span>
+          <span className="toggle-hint" title="Detects file changes in real-time">⚡</span>
+        </label>
+      </div>
       <select
         name="scan_mode"
         defaultValue={scanMode}

apps/backoffice/app/globals.css

@@ -1234,3 +1234,27 @@ tr.job-highlighted td {
   font-size: 0.75rem;
   padding: 2px 4px;
 }
+
+/* Watcher toggle styles */
+.watcher-toggle {
+  background: hsl(45 93% 90% / 0.3);
+  border: 1px solid hsl(45 93% 47% / 0.3);
+  border-radius: 4px;
+  padding: 2px 6px;
+}
+
+.watcher-toggle.active {
+  background: hsl(45 93% 90% / 0.6);
+  border-color: hsl(45 93% 47% / 0.6);
+}
+
+.toggle-hint {
+  margin-left: 4px;
+  cursor: help;
+}
+
+.monitor-options {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}

apps/backoffice/lib/api.ts

@@ -7,6 +7,7 @@ export type LibraryDto = {
   monitor_enabled: boolean;
   scan_mode: string;
   next_scan_at: string | null;
+  watcher_enabled: boolean;
 };
 
 export type IndexJobDto = {
@@ -135,10 +136,17 @@ export async function scanLibrary(libraryId: string, full?: boolean) {
   });
 }
 
-export async function updateLibraryMonitoring(libraryId: string, monitorEnabled: boolean, scanMode: string) {
+export async function updateLibraryMonitoring(libraryId: string, monitorEnabled: boolean, scanMode: string, watcherEnabled?: boolean) {
+  const body: { monitor_enabled: boolean; scan_mode: string; watcher_enabled?: boolean } = {
+    monitor_enabled: monitorEnabled,
+    scan_mode: scanMode,
+  };
+  if (watcherEnabled !== undefined) {
+    body.watcher_enabled = watcherEnabled;
+  }
   return apiFetch<LibraryDto>(`/libraries/${libraryId}/monitoring`, {
     method: "PATCH",
-    body: JSON.stringify({ monitor_enabled: monitorEnabled, scan_mode: scanMode })
+    body: JSON.stringify(body)
   });
 }