Feat: Agregar persistencia de subcategorías seleccionadas por tab

Implementa la funcionalidad para que las subcategorías seleccionadas persistan:
- Entre cambios de tabs (cada tab mantiene sus propias subcategorías)
- Entre refrescos de página (guardado en localStorage)

Cambios técnicos:
- Modificado useCatacion.ts para guardar subcategorías por tab en lugar de array global
- Agregada función actualizarSubcategorias() que persiste en localStorage
- subcategoriasActivas ahora es computed basado en la tab activa
- Removida limpieza de subcategorías al cambiar de tab en sesion.vue
- Actualizado toggleSubcategoria para usar la nueva función de persistencia

nuxt4/app/composables/useCatacion.ts

@@ -16,14 +16,62 @@ export type SubcategoriaDescriptivaAfectiva = 'descriptiva' | 'afectiva' | 'frag
 // Tipo unión de todas las subcategorías
 export type Subcategoria = SubcategoriaOrganoleptica | SubcategoriaDescriptivaAfectiva | null
 
+// Tipo para las subcategorías por tab
+export type SubcategoriasPorTab = {
+  'organoleptica': Subcategoria[]
+  'descriptiva-afectiva': Subcategoria[]
+  'defectos': Subcategoria[]
+  'impresion-global': Subcategoria[]
+}
+
+// Clave para localStorage
+const STORAGE_KEY_SUBCATEGORIAS = 'riocata-subcategorias-activas'
+
 export const useCatacion = () => {
   const { sesionActiva, cargando, error, guardar, actualizar, eliminar } = useIndexedDB()
 
+  // Cargar subcategorías desde localStorage
+  const cargarSubcategoriasDesdeStorage = (): SubcategoriasPorTab => {
+    if (process.client) {
+      try {
+        const stored = localStorage.getItem(STORAGE_KEY_SUBCATEGORIAS)
+        if (stored) {
+          return JSON.parse(stored)
+        }
+      } catch (err) {
+        console.warn('Error al cargar subcategorías desde localStorage:', err)
+      }
+    }
+    return {
+      'organoleptica': [],
+      'descriptiva-afectiva': [],
+      'defectos': [],
+      'impresion-global': [],
+    }
+  }
+
   // Estado de la UI
   const tabActiva = useState<TabCatacion>('tab-activa', () => 'organoleptica')
-  const subcategoriasActivas = useState<Subcategoria[]>('subcategorias-activas', () => [])
+  const subcategoriasPorTab = useState<SubcategoriasPorTab>('subcategorias-por-tab', cargarSubcategoriasDesdeStorage)
   const accordionAbierto = useState<string[]>('accordion-abierto', () => [])
 
+  // Computed para obtener las subcategorías de la tab actual
+  const subcategoriasActivas = computed(() => subcategoriasPorTab.value[tabActiva.value])
+
+  /**
+   * Actualiza las subcategorías de la tab actual y las guarda en localStorage
+   */
+  const actualizarSubcategorias = (subcategorias: Subcategoria[]) => {
+    subcategoriasPorTab.value[tabActiva.value] = subcategorias
+    if (process.client) {
+      try {
+        localStorage.setItem(STORAGE_KEY_SUBCATEGORIAS, JSON.stringify(subcategoriasPorTab.value))
+      } catch (err) {
+        console.warn('Error al guardar subcategorías en localStorage:', err)
+      }
+    }
+  }
+
   /**
    * Crea una nueva sesión de catación
    */
@@ -305,6 +353,7 @@ export const useCatacion = () => {
     tabActiva,
     subcategoriasActivas,
     accordionAbierto,
+    actualizarSubcategorias,
 
     // Estadísticas
     estadisticasSesion,

nuxt4/app/pages/cata/sesion.vue

@@ -144,7 +144,7 @@
               <button
                 v-if="subcategoriasActivas.length > 0"
                 class="subcategoria-chip subcategoria-chip-clear"
-                @click="subcategoriasActivas = []"
+                @click="actualizarSubcategorias([])"
               >
                 <UIcon name="i-lucide-x" class="w-3 h-3 inline mr-1" />
                 Limpiar Todo
@@ -218,6 +218,7 @@ const {
   tabActiva,
   subcategoriasActivas,
   accordionAbierto,
+  actualizarSubcategorias,
   exportarSesion,
   eliminarSesionActual,
 } = useCatacion()
@@ -338,7 +339,6 @@ onMounted(async () => {
 // Cambiar tab
 const cambiarTab = (tab: TabCatacion) => {
   tabActiva.value = tab
-  subcategoriasActivas.value = [] // Limpiar subcategorías al cambiar de tab
   mostrarMenu.value = false
 }
 
@@ -346,14 +346,19 @@ const cambiarTab = (tab: TabCatacion) => {
 const toggleSubcategoria = (subcategoria: Subcategoria) => {
   if (!subcategoria) return
 
-  const index = subcategoriasActivas.value.indexOf(subcategoria)
+  const actuales = [...subcategoriasActivas.value]
+  const index = actuales.indexOf(subcategoria)
+
   if (index > -1) {
     // Ya está seleccionada, removerla
-    subcategoriasActivas.value = subcategoriasActivas.value.filter(s => s !== subcategoria)
+    actuales.splice(index, 1)
   } else {
     // No está seleccionada, agregarla
-    subcategoriasActivas.value = [...subcategoriasActivas.value, subcategoria]
+    actuales.push(subcategoria)
   }
+
+  // Guardar en localStorage y actualizar estado
+  actualizarSubcategorias(actuales)
 }
 
 // Formatear fecha