[RFC-ADN-01] Normalizar nomenclatura de proyectos

- Directorios: PascalCase (p2601_dasuten → P2601_Dasuten)
- Planes: numeración pura (P2601_6.1.A → P2601.06.01)
- Sin caracteres especiales en nombres de archivo
- 07_proyectos.md: convención RFC-ADN-01 integrada, P2604/P2605 agregados
- evento:listar: nueva opción --detalle para descripciones completas

servicios/nginx/dtic-bitacoras/frontend/src/App.tsx

@@ -285,8 +285,54 @@ function App() {
         setSelectedProyecto(proyectos[nextIndex].codigo);
     };
 
+    // Auto-refresh inteligente: solo actualizar si hay cambios
+    const [lastVersion, setLastVersion] = useState<{ max_id: number; count: number } | null>(null);
+
+    const fetchBitacoraVersion = useCallback(async () => {
+        try {
+            const res = await fetch(`${API_URL}/bitacoras/${fecha}/version`);
+            return await res.json();
+        } catch { return null; }
+    }, [fecha]);
+
+    const smartRefresh = useCallback(async () => {
+        const newVersion = await fetchBitacoraVersion();
+        if (!newVersion) {
+            fetchBitacora();
+            fetchFechasActivas();
+            return;
+        }
+        if (!lastVersion || newVersion.max_id !== lastVersion.max_id || Number(newVersion.count) !== Number(lastVersion.count)) {
+            setLastVersion(newVersion);
+            fetchBitacora();
+            fetchFechasActivas();
+        }
+    }, [fetchBitacoraVersion, fetchBitacora, fetchFechasActivas, lastVersion]);
+
     useEffect(() => { fetchBitacora(); }, [fetchBitacora]);
-    useEffect(() => { fetchNodos(); fetchProyectos(); fetchFechasActivas(); }, []);
+    useEffect(() => { fetchNodos(); fetchProyectos(); }, []);
+    useEffect(() => { fetchFechasActivas(); }, [fetchFechasActivas]);
+
+    // Inicializar versión al cargar
+    useEffect(() => {
+        fetchBitacoraVersion().then(v => { if (v) setLastVersion(v); });
+    }, [fetchBitacoraVersion]);
+
+    // Auto-refresh cada 30 segundos (solo si hay cambios)
+    useEffect(() => {
+        const interval = setInterval(smartRefresh, 30000);
+
+        // También actualizar cuando la página recupera el foco
+        const handleVisibility = () => {
+            if (!document.hidden) smartRefresh();
+        };
+        document.addEventListener('visibilitychange', handleVisibility);
+
+        return () => {
+            clearInterval(interval);
+            document.removeEventListener('visibilitychange', handleVisibility);
+        };
+    }, [smartRefresh]);
 
     // Rebuild calendar view month when fecha changes
     useEffect(() => {