fix: importar backup funciona correctamente + resumen al finalizar

- El modal ya no se cierra solo al importar
- Muestra spinner durante el proceso y resumen al terminar
  (posts importados · categorías · elementos omitidos)
- Los errores aparecen dentro del modal con botón Reintentar
- Corregido fallo que dejaba la base de datos a medias al importar

Author: D4vRAM369

src/lib/storage/adapter.ts

@@ -1,5 +1,11 @@
 import type { Post, Category } from '../types'
 
+export interface ImportResult {
+  posts: number
+  categories: number
+  errors: number
+}
+
 export interface StorageAdapter {
   // Posts
   getPosts(): Promise<Post[]>
@@ -13,6 +19,6 @@ export interface StorageAdapter {
   deleteCategory(id: string): Promise<void>
 
   // Backup
-  exportBackup(): Promise<string>           // devuelve JSON string
-  importBackup(json: string): Promise<void>
+  exportBackup(): Promise<string>                    // devuelve JSON string
+  importBackup(json: string): Promise<ImportResult>  // devuelve resumen de lo importado
 }

src/lib/storage/dexie.ts

@@ -1,5 +1,5 @@
 import Dexie, { type Table } from 'dexie'
-import type { StorageAdapter } from './adapter'
+import type { StorageAdapter, ImportResult } from './adapter'
 import type { Post, Category } from '../types'
 import { normalizeBackupPayload } from './backup-normalizer'
 
@@ -88,13 +88,42 @@ export class DexieStorage implements StorageAdapter {
     }, null, 2)
   }
 
-  async importBackup(json: string): Promise<void> {
+  async importBackup(json: string): Promise<ImportResult> {
     const data = normalizeBackupPayload(JSON.parse(json))
+
+    let catCount  = 0
+    let postCount = 0
+    let errors    = 0
+
     await this.db.transaction('rw', [this.db.posts, this.db.categories], async () => {
       await this.db.posts.clear()
       await this.db.categories.clear()
-      await this.db.posts.bulkAdd(data.posts)
-      await this.db.categories.bulkAdd(data.categories)
+
+      for (const cat of data.categories) {
+        try {
+          await this.db.categories.put(cat)
+          catCount++
+        } catch {
+          errors++
+        }
+      }
+
+      for (const post of data.posts) {
+        try {
+          const cleanPost: Post = {
+            ...post,
+            previewImage: post.previewImage?.startsWith('data:') ? undefined : post.previewImage,
+            previewVideo: post.previewVideo?.startsWith('data:') ? undefined : post.previewVideo,
+            media: post.media?.filter(m => !m.url.startsWith('data:')),
+          }
+          await this.db.posts.put(cleanPost)
+          postCount++
+        } catch {
+          errors++
+        }
+      }
     })
+
+    return { posts: postCount, categories: catCount, errors }
   }
 }

src/lib/storage/sqlite.ts

@@ -1,5 +1,5 @@
 import Database from '@tauri-apps/plugin-sql'
-import type { StorageAdapter } from './adapter'
+import type { StorageAdapter, ImportResult } from './adapter'
 import type { Post, Category } from '../types'
 import { normalizeBackupPayload } from './backup-normalizer'
 
@@ -199,18 +199,55 @@ export class SqliteStorage implements StorageAdapter {
     }, null, 2)
   }
 
-  async importBackup(json: string): Promise<void> {
+  async importBackup(json: string): Promise<ImportResult> {
+    // Normalizar y validar los datos ANTES de tocar la base de datos.
+    // Si esto lanza, la DB no ha sido modificada.
     const data = normalizeBackupPayload(JSON.parse(json))
-    try {
-      await this.db.execute('BEGIN TRANSACTION')
-      await this.db.execute('DELETE FROM posts')
-      await this.db.execute('DELETE FROM categories')
-      for (const post of data.posts as Post[]) await this.savePost(post)
-      for (const cat of data.categories as Category[]) await this.saveCategory(cat)
-      await this.db.execute('COMMIT')
-    } catch (error) {
-      try { await this.db.execute('ROLLBACK') } catch { /* ignorar error de rollback */ }
-      throw error
+
+    // IMPORTANTE: @tauri-apps/plugin-sql usa un pool de conexiones SQLite.
+    // Cada execute() puede ir a una conexión diferente del pool, por lo que
+    // BEGIN TRANSACTION / COMMIT / ROLLBACK en llamadas separadas NO garantizan
+    // atomicidad — las operaciones pueden ejecutarse en conexiones distintas.
+    //
+    // Estrategia: auto-commit por statement + manejo de errores por-item.
+    // Las categorías se insertan primero (los posts referencian categoryId).
+    // Los posts se importan con data URLs eliminadas para evitar payloads
+    // enormes en el IPC de Tauri (imágenes cacheadas en base64 pueden ser >5MB).
+
+    // 1. Borrar datos existentes
+    await this.db.execute('DELETE FROM posts')
+    await this.db.execute('DELETE FROM categories')
+
+    let catCount  = 0
+    let postCount = 0
+    let errors    = 0
+
+    // 2. Insertar categorías primero (pequeñas, rápidas, nunca tienen data URLs)
+    for (const cat of data.categories) {
+      try {
+        await this.saveCategory(cat)
+        catCount++
+      } catch {
+        errors++
+      }
     }
+
+    // 3. Insertar posts — eliminar data URLs para evitar fallos IPC por payload grande
+    for (const post of data.posts) {
+      try {
+        const cleanPost: Post = {
+          ...post,
+          previewImage: post.previewImage?.startsWith('data:') ? undefined : post.previewImage,
+          previewVideo: post.previewVideo?.startsWith('data:') ? undefined : post.previewVideo,
+          media: post.media?.filter(m => !m.url.startsWith('data:')),
+        }
+        await this.savePost(cleanPost)
+        postCount++
+      } catch {
+        errors++
+      }
+    }
+
+    return { posts: postCount, categories: catCount, errors }
   }
 }