From 599cb24f8d8583a6a264c7ca36b292748a9409da Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Sun, 19 Oct 2025 03:14:14 -0600
Subject: [PATCH] Fix: Resolver todos los errores de TypeScript
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ERRORES RESUELTOS:

1. Colores de botones inválidos → colores válidos:
   - 'orange' → 'warning' (BackendVerificationButton)
   - 'purple' → 'primary' (FrontendVerificationButton)
   - 'red' → 'error' (CheckAuthentikAdminsButton)
   - 'blue' → 'info' (CheckGrupoPruebaButton)
   - 'green' → 'success' (CheckLvl0Button)
   - 'gray' → 'neutral' (CheckPublicAccessButton, UserMetadata)

2. Tipos no exportados en Nuxt UI v4:
   - Removidos imports: ButtonColor, ButtonVariant, ButtonSize
   - Reemplazados con tipos literales inline
   - Removido 'none' de variant (no válido en v4)

3. Subcategoria puede ser null:
   - FormularioMuestra: tipo cambiado a Exclude<Subcategoria, null>
   - sesion.vue: agregado ?? 'null' para key y guards para null

4. process.client no definido:
   - useCatacion.ts: process.client → import.meta.client (2 lugares)
   - Nuxt 4 usa import.meta.client en lugar de process.client

5. process.env en nuxt.config.ts:
   - Removido process.env.NUXT_PUBLIC_AUTHENTIK_URL
   - Nuxt runtimeConfig lee automáticamente de .env
   - Solo valor por defecto necesario

6. Propiedades no válidas en PWA manifest:
   - Removido: capture_links (no existe en ManifestOptions)
   - Removido: url_handlers (no existe en ManifestOptions)
   - Removido: handle_links (no existe en ManifestOptions)

7. Toast props no válidas:
   - Removido: timeout (no existe en Toast type)
   - BackendVerificationButton y FrontendVerificationButton

RESULTADO:
✅ npx nuxi typecheck pasa sin errores
✅ Solo warnings de @nuxt/content (no críticos)
---
 nuxt4/app/components/auth/BackendVerificationButton.vue  | 7 +++----
 nuxt4/app/components/auth/CheckAuthentikAdminsButton.vue | 2 +-
 nuxt4/app/components/auth/CheckGrupoPruebaButton.vue     | 2 +-
 nuxt4/app/components/auth/CheckLvl0Button.vue            | 2 +-
 nuxt4/app/components/auth/CheckPublicAccessButton.vue    | 2 +-
 nuxt4/app/components/auth/FrontendVerificationButton.vue | 7 +++----
 nuxt4/app/components/auth/GroupCheckButton.vue           | 8 +++-----
 nuxt4/app/components/auth/UserMetadata.vue               | 2 +-
 nuxt4/app/components/cata/FormularioMuestra.vue          | 4 ++--
 nuxt4/app/components/cata/SelectorFamilia.vue            | 2 +-
 nuxt4/app/composables/useCatacion.ts                     | 4 ++--
 nuxt4/app/pages/cata/sesion.vue                          | 6 +++---
 nuxt4/nuxt.config.ts                                     | 9 +--------
 13 files changed, 23 insertions(+), 34 deletions(-)

diff --git a/nuxt4/app/components/auth/BackendVerificationButton.vue b/nuxt4/app/components/auth/BackendVerificationButton.vue
index a3cf8c0..655bd93 100644
--- a/nuxt4/app/components/auth/BackendVerificationButton.vue
+++ b/nuxt4/app/components/auth/BackendVerificationButton.vue
@@ -1,6 +1,6 @@
 <template>
   <UButton
-    color="orange"
+    color="warning"
     size="lg"
     variant="outline"
     :loading="loading"
@@ -39,9 +39,8 @@ const handleClick = async () => {
         title: 'Verificación Backend',
         description: `Usuario: ${response.user.username}
 Grupos (${groupCount}): ${groupList}`,
-        color: 'orange',
-        icon: 'i-heroicons-server-stack',
-        timeout: 5000
+        color: 'warning',
+        icon: 'i-heroicons-server-stack'
       })
     } else {
       toast.add({
diff --git a/nuxt4/app/components/auth/CheckAuthentikAdminsButton.vue b/nuxt4/app/components/auth/CheckAuthentikAdminsButton.vue
index f5a016d..ade8d18 100644
--- a/nuxt4/app/components/auth/CheckAuthentikAdminsButton.vue
+++ b/nuxt4/app/components/auth/CheckAuthentikAdminsButton.vue
@@ -3,7 +3,7 @@
     group-name="authentik Admins"
     label="Authentik Admins"
     icon="i-heroicons-shield-check"
-    color="red"
+    color="error"
     variant="soft"
     :verify-backend="verifyBackend"
   />
diff --git a/nuxt4/app/components/auth/CheckGrupoPruebaButton.vue b/nuxt4/app/components/auth/CheckGrupoPruebaButton.vue
index b431160..7ffd5d1 100644
--- a/nuxt4/app/components/auth/CheckGrupoPruebaButton.vue
+++ b/nuxt4/app/components/auth/CheckGrupoPruebaButton.vue
@@ -3,7 +3,7 @@
     group-name="grupo-prueba"
     label="Grupo Prueba"
     icon="i-heroicons-beaker"
-    color="blue"
+    color="info"
     variant="soft"
     :verify-backend="verifyBackend"
   />
diff --git a/nuxt4/app/components/auth/CheckLvl0Button.vue b/nuxt4/app/components/auth/CheckLvl0Button.vue
index 6591814..369113d 100644
--- a/nuxt4/app/components/auth/CheckLvl0Button.vue
+++ b/nuxt4/app/components/auth/CheckLvl0Button.vue
@@ -3,7 +3,7 @@
     group-name="lvl0"
     label="Level 0"
     icon="i-heroicons-key"
-    color="green"
+    color="success"
     variant="soft"
     :verify-backend="verifyBackend"
   />
diff --git a/nuxt4/app/components/auth/CheckPublicAccessButton.vue b/nuxt4/app/components/auth/CheckPublicAccessButton.vue
index 120f006..1c4adda 100644
--- a/nuxt4/app/components/auth/CheckPublicAccessButton.vue
+++ b/nuxt4/app/components/auth/CheckPublicAccessButton.vue
@@ -3,7 +3,7 @@
     group-name="public-access"
     label="Acceso Público"
     icon="i-heroicons-globe-alt"
-    color="gray"
+    color="neutral"
     variant="soft"
     :verify-backend="verifyBackend"
   />
diff --git a/nuxt4/app/components/auth/FrontendVerificationButton.vue b/nuxt4/app/components/auth/FrontendVerificationButton.vue
index ed93d56..bcaddc8 100644
--- a/nuxt4/app/components/auth/FrontendVerificationButton.vue
+++ b/nuxt4/app/components/auth/FrontendVerificationButton.vue
@@ -1,6 +1,6 @@
 <template>
   <UButton
-    color="purple"
+    color="primary"
     size="lg"
     variant="outline"
     @click="handleClick"
@@ -35,9 +35,8 @@ const handleClick = () => {
     title: 'Verificación Frontend',
     description: `Usuario: ${user.value.username}
 Grupos (${groupCount}): ${groupList}`,
-    color: 'purple',
-    icon: 'i-heroicons-check-badge',
-    timeout: 5000
+    color: 'primary',
+    icon: 'i-heroicons-check-badge'
   })
 }
 </script>
diff --git a/nuxt4/app/components/auth/GroupCheckButton.vue b/nuxt4/app/components/auth/GroupCheckButton.vue
index bf44d05..e70c622 100644
--- a/nuxt4/app/components/auth/GroupCheckButton.vue
+++ b/nuxt4/app/components/auth/GroupCheckButton.vue
@@ -15,15 +15,13 @@
 </template>
 
 <script setup lang="ts">
-import type { ButtonColor, ButtonVariant, ButtonSize } from '#ui/types'
-
 interface Props {
   groupName: string
   label?: string
   icon?: string
-  color?: ButtonColor
-  variant?: ButtonVariant
-  size?: ButtonSize
+  color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral'
+  variant?: 'solid' | 'outline' | 'soft' | 'ghost' | 'link' | 'subtle'
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'
   verifyBackend?: boolean
 }
 
diff --git a/nuxt4/app/components/auth/UserMetadata.vue b/nuxt4/app/components/auth/UserMetadata.vue
index 2151c63..cbab6a0 100644
--- a/nuxt4/app/components/auth/UserMetadata.vue
+++ b/nuxt4/app/components/auth/UserMetadata.vue
@@ -58,7 +58,7 @@
             >
               {{ group }}
             </UBadge>
-            <UBadge v-if="user.groups.length === 0" color="gray" variant="soft">
+            <UBadge v-if="user.groups.length === 0" color="neutral" variant="soft">
               Sin grupos asignados
             </UBadge>
           </div>
diff --git a/nuxt4/app/components/cata/FormularioMuestra.vue b/nuxt4/app/components/cata/FormularioMuestra.vue
index 5423f5a..edc8fb8 100644
--- a/nuxt4/app/components/cata/FormularioMuestra.vue
+++ b/nuxt4/app/components/cata/FormularioMuestra.vue
@@ -878,13 +878,13 @@ const deberMostrarSeccion = (subcategorias: Subcategoria[]): boolean => {
 }
 
 // Nueva función para filtrado restrictivo de sliders por tipo y categoría
-const deberMostrarSlider = (tipo: 'descriptiva' | 'afectiva', categoria: Subcategoria): boolean => {
+const deberMostrarSlider = (tipo: 'descriptiva' | 'afectiva', categoria: Exclude<Subcategoria, null>): boolean => {
   // Si no hay filtros activos, mostrar todo
   if (!props.subcategoriasActivas || props.subcategoriasActivas.length === 0) return true
 
   // Separar filtros en tipos y categorías
   const filtrosTipo = props.subcategoriasActivas.filter(s => s === 'descriptiva' || s === 'afectiva')
-  const filtrosCategoria = props.subcategoriasActivas.filter(s =>
+  const filtrosCategoria = props.subcategoriasActivas.filter((s): s is Exclude<Subcategoria, null> =>
     s !== 'descriptiva' && s !== 'afectiva' && s !== null
   )
 
diff --git a/nuxt4/app/components/cata/SelectorFamilia.vue b/nuxt4/app/components/cata/SelectorFamilia.vue
index de4bbc0..0e4d2de 100644
--- a/nuxt4/app/components/cata/SelectorFamilia.vue
+++ b/nuxt4/app/components/cata/SelectorFamilia.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="selector-familia cata-fade-in">
     <!-- Label principal -->
-    <label v-if="label" class="block text-sm font-medium mb-3 cata-text">
+    <label v-if="label" class="block text-sm font-medium mt-2 cata-text">
       {{ label }}
       <span v-if="required" class="text-error">*</span>
     </label>
diff --git a/nuxt4/app/composables/useCatacion.ts b/nuxt4/app/composables/useCatacion.ts
index 21e272e..fb3c4ef 100644
--- a/nuxt4/app/composables/useCatacion.ts
+++ b/nuxt4/app/composables/useCatacion.ts
@@ -32,7 +32,7 @@ export const useCatacion = () => {
 
   // Cargar subcategorías desde localStorage
   const cargarSubcategoriasDesdeStorage = (): SubcategoriasPorTab => {
-    if (process.client) {
+    if (import.meta.client) {
       try {
         const stored = localStorage.getItem(STORAGE_KEY_SUBCATEGORIAS)
         if (stored) {
@@ -63,7 +63,7 @@ export const useCatacion = () => {
    */
   const actualizarSubcategorias = (subcategorias: Subcategoria[]) => {
     subcategoriasPorTab.value[tabActiva.value] = subcategorias
-    if (process.client) {
+    if (import.meta.client) {
       try {
         localStorage.setItem(STORAGE_KEY_SUBCATEGORIAS, JSON.stringify(subcategoriasPorTab.value))
       } catch (err) {
diff --git a/nuxt4/app/pages/cata/sesion.vue b/nuxt4/app/pages/cata/sesion.vue
index 28c8572..d049ced 100644
--- a/nuxt4/app/pages/cata/sesion.vue
+++ b/nuxt4/app/pages/cata/sesion.vue
@@ -132,12 +132,12 @@
             <div class="flex flex-wrap gap-1 py-1.5">
               <button
                 v-for="subcategoria in subcategoriasDisponibles"
-                :key="subcategoria.value"
+                :key="subcategoria.value ?? 'null'"
                 :class="[
                   'subcategoria-chip',
-                  { 'subcategoria-chip-active': subcategoriasActivas.includes(subcategoria.value) },
+                  { 'subcategoria-chip-active': subcategoria.value && subcategoriasActivas.includes(subcategoria.value) },
                 ]"
-                @click="toggleSubcategoria(subcategoria.value)"
+                @click="subcategoria.value && toggleSubcategoria(subcategoria.value)"
               >
                 {{ subcategoria.label }}
               </button>
diff --git a/nuxt4/nuxt.config.ts b/nuxt4/nuxt.config.ts
index e967b2b..dae16cc 100644
--- a/nuxt4/nuxt.config.ts
+++ b/nuxt4/nuxt.config.ts
@@ -16,7 +16,7 @@ export default defineNuxtConfig({
 
   runtimeConfig: {
     public: {
-      authentikUrl: process.env.NUXT_PUBLIC_AUTHENTIK_URL || 'https://authentik.nucleoriofrio.com'
+      authentikUrl: 'https://authentik.nucleoriofrio.com'
     }
   },
 
@@ -42,13 +42,6 @@ export default defineNuxtConfig({
       launch_handler: {
         client_mode: 'navigate-existing'
       },
-      // Capturar todos los enlaces que apunten a esta app
-      capture_links: 'existing-client-navigate',
-      // URL handling - nuevo estándar para manejar links a esta PWA
-      handle_links: 'preferred',
-      url_handlers: [
-        { origin: 'https://riocata.nucleoriofrio.com' }
-      ],
       icons: [
         {
           src: '/icon-72x72.png',