feat: add changelog page with realese history

app/components/entrelineas/EntrelineaDetail.vue

@@ -21,6 +21,7 @@ interface EntrelineaDoc {
   filter?: string
   page?: number | string
   text?: string
+  html?: string
   studies?: Study[]
   [key: string]: unknown
 }
@@ -80,7 +81,7 @@ function formatEntrelineaText(html: string): string {
 }
 
 const bodyHtml = computed<string>(() =>
-  formatEntrelineaText(props.highlightedText || props.document?.text || '')
+  formatEntrelineaText(props.document?.html || props.document?.text || '')
 )
 
 /* -------------------------------------------------------------------------- */
@@ -93,7 +94,7 @@ const toast = useToast()
 
 function toSearchHit(doc: EntrelineaDoc): SearchHit {
   const id = doc.id || ''
-  return { _id: id, id, title: id || 'Entrelínea', body: doc.text, ...doc }
+  return { _id: id, id, title: doc.text?.slice(0, 100) || 'Entrelínea', body: doc.text, ...doc }
 }
 
 watch(
@@ -114,9 +115,10 @@ function onToggleFavorite() {
   if (!props.collection || !props.document?.id) return
   const wasFav = isFav.value
   favorites.toggle(props.collection, toSearchHit(props.document))
+  console.log("text slice", props.document.text?.slice(0, 100))
   toast.add({
-    title: wasFav ? 'Eliminado de tu lista' : 'Guardado en tu lista',
-    description: props.document.id,
+    title: 'Entrelínea',
+    description: props.document.text?.slice(0, 100) || props.document.id,
     icon: wasFav ? 'i-lucide-bookmark-x' : 'i-lucide-bookmark-check',
     color: wasFav ? 'neutral' : 'primary',
     duration: 1800

app/layouts/default.vue

@@ -53,6 +53,12 @@ const links = computed(() => {
       badge: histTotal.value > 0 ? String(histTotal.value) : undefined,
       onSelect: () => { open.value = false }
     },
+    {
+      label: t('nav.changelog'),
+      icon: 'i-lucide-megaphone',
+      to: '/changelog',
+      onSelect: () => { open.value = false }
+    },
     {
       label: t('nav.settings'),
       icon: 'i-lucide-settings',

app/pages/changelog.vue

@@ -0,0 +1,165 @@
+<script setup lang="ts">
+const { $i18n } = useNuxtApp()
+const t = $i18n.t
+
+interface ChangeEntry {
+  type: 'nuevo' | 'mejora' | 'fix' | 'eliminado'
+  text: string
+}
+
+interface Release {
+  version: string
+  date: string
+  title: string
+  description?: string
+  changes: ChangeEntry[]
+}
+
+const releases: Release[] = [
+  {
+    version: '0.5',
+    date: '30 de mayo, 2026',
+    title: 'Soporte de HTML en Entrelíneas',
+    description: 'El visor de Entrelíneas ahora renderiza contenido en HTML además de texto plano.',
+    changes: [
+      { type: 'nuevo', text: 'Renderizado de contenido HTML en el detalle de Entrelíneas' },
+      { type: 'mejora', text: 'Los fragmentos HTML se muestran con formato original preservado' },
+      { type: 'fix', text: 'Corrección de errores de sintaxis en el componente de detalle' },
+      { type: 'mejora', text: 'El historial ahora muestra correctamente documentos de Entrelíneas con HTML' }
+    ]
+  },
+  {
+    version: '0.4',
+    date: '26 de mayo, 2026',
+    title: 'Mejoras de interfaz y exploracion',
+    changes: [
+      { type: 'mejora', text: 'El código del documento aparece visible en la pantalla de detalle' },
+      { type: 'mejora', text: 'El badge "Borrador" solo se muestra cuando el documento es borrador' },
+      { type: 'mejora', text: 'Tooltip mejorado al copiar párrafos al portapapeles' },
+      { type: 'mejora', text: 'El explorador filtra resultados mostrando solo ítems con párrafos' },
+      { type: 'mejora', text: 'Panel lateral preparado para notas y resaltados (próximamente)' },
+      { type: 'fix', text: 'Posicionamiento del panel lateral corregido en documentos cortos' },
+      { type: 'fix', text: 'Corrección de traducciones en francés' },
+      { type: 'fix', text: 'Ajustes visuales en múltiples vistas' }
+    ]
+  },
+  {
+    version: '0.3',
+    date: '25 de mayo, 2026',
+    title: 'Portapapeles y corrección de bugs',
+    changes: [
+      { type: 'nuevo', text: 'Panel de copiado mejorado al seleccionar párrafos' },
+      { type: 'mejora', text: 'Función de copiar al portapapeles más robusta e independiente' },
+      { type: 'fix', text: 'Corrección de bug al guardar y mostrar favoritos' },
+      { type: 'fix', text: 'Corrección de bug en la carga de referencias' },
+      { type: 'fix', text: 'Corrección de bug en el detalle de publicaciones de referencia' }
+    ]
+  },
+  {
+    version: '0.2',
+    date: '21–24 de mayo, 2026',
+    title: 'Conferencias, copiar párrafos y estabilidad',
+    changes: [
+      { type: 'nuevo', text: 'Soporte de documentos de Conferencias y Actividades' },
+      { type: 'nuevo', text: 'Clic en párrafo para copiarlo directamente al portapapeles' },
+      { type: 'nuevo', text: 'Zoom de imagen en el visor de Entrelíneas' },
+      { type: 'mejora', text: 'Número de párrafo más discreto en el detalle del documento' },
+      { type: 'mejora', text: 'Publicación del documento visible en todas las vistas y traducida' },
+      { type: 'mejora', text: 'Corrección de estilos visuales para contenido antiguo' },
+      { type: 'fix', text: 'Corrección de bug en favoritos (detalle)' },
+      { type: 'fix', text: 'Badge "Borrador" agregado en lista y detalle de Estudios Bíblicos' },
+      { type: 'fix', text: 'Rutas de navegación migradas correctamente a nuevo motor de búsqueda' },
+      { type: 'fix', text: 'Corrección de scroll infinito en móvil para Entrelíneas' }
+    ]
+  },
+  {
+    version: '0.1',
+    date: '10–12 de mayo, 2026',
+    title: 'Historial, Favoritos y multilengua',
+    description: 'Primera versión funcional con las secciones principales activas.',
+    changes: [
+      { type: 'nuevo', text: 'Historial de búsqueda y exploración' },
+      { type: 'nuevo', text: 'Favoritos: guarda y accede a documentos desde Mi Listado' },
+      { type: 'nuevo', text: 'Selector de idioma: Español, English, Français, Português' },
+      { type: 'nuevo', text: 'Cantidad aproximada de resultados visible en los listados' },
+      { type: 'mejora', text: 'Paginación configurable: scroll infinito o páginas numeradas' },
+      { type: 'mejora', text: 'Ajuste de cantidad de resultados por página en Configuración' },
+      { type: 'fix', text: 'Corrección de traducciones en el menú principal' },
+      { type: 'fix', text: 'Ajustes de colores y badges en listas de resultados' }
+    ]
+  },
+  {
+    version: '0.0.1',
+    date: '7 de mayo, 2026',
+    title: 'Lanzamiento inicial',
+    description: 'Primera versión del buscador con Estudios Bíblicos y Entrelíneas.',
+    changes: [
+      { type: 'nuevo', text: 'Búsqueda en Estudios Bíblicos' },
+      { type: 'nuevo', text: 'Visor de Entrelíneas con imagen y texto' },
+      { type: 'nuevo', text: 'Búsqueda por palabras o por frase exacta' },
+      { type: 'nuevo', text: 'Estructura base de la aplicación' }
+    ]
+  }
+]
+
+const typeConfig: Record<ChangeEntry['type'], { label: string; color: string }> = {
+  nuevo: { label: 'Nuevo', color: 'success' },
+  mejora: { label: 'Mejora', color: 'info' },
+  fix: { label: 'Fix', color: 'warning' },
+  eliminado: { label: 'Eliminado', color: 'error' }
+}
+</script>
+
+<template>
+  <UDashboardPanel id="changelog-panel" grow>
+    <UDashboardNavbar :title="t('nav.changelog')">
+      <template #leading>
+        <UDashboardSidebarCollapse />
+      </template>
+    </UDashboardNavbar>
+
+    <div class="overflow-y-auto flex-1">
+      <div class="max-w-2xl mx-auto p-6 space-y-10">
+        <div v-for="release in releases" :key="release.version" class="relative pl-6 border-l-2 border-default">
+          <!-- Dot en la línea de tiempo -->
+          <div class="absolute -left-[5px] top-1 w-2 h-2 rounded-full bg-primary" />
+
+          <!-- Cabecera del release -->
+          <div class="mb-3">
+            <div class="flex items-center gap-2 flex-wrap">
+              <UBadge color="primary" variant="soft" size="sm">
+                v{{ release.version }}
+              </UBadge>
+              <span class="text-xs text-muted">{{ release.date }}</span>
+            </div>
+            <h2 class="text-base font-semibold text-highlighted mt-1">
+              {{ release.title }}
+            </h2>
+            <p v-if="release.description" class="text-sm text-muted mt-0.5">
+              {{ release.description }}
+            </p>
+          </div>
+
+          <!-- Lista de cambios -->
+          <ul class="space-y-2">
+            <li
+              v-for="(change, i) in release.changes"
+              :key="i"
+              class="flex items-start gap-2 text-sm"
+            >
+              <UBadge
+                :color="typeConfig[change.type].color as any"
+                variant="subtle"
+                size="xs"
+                class="mt-0.5 shrink-0"
+              >
+                {{ typeConfig[change.type].label }}
+              </UBadge>
+              <span class="text-default">{{ change.text }}</span>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </UDashboardPanel>
+</template>

app/pages/entrelineas.vue

@@ -59,6 +59,7 @@ interface EntrelineaDoc {
   description?: string
   page?: number | string
   text?: string
+  html?: string
   studies?: Study[]
   [key: string]: unknown
 }
@@ -255,7 +256,7 @@ function toSearchHit(doc: EntrelineaDoc): SearchHit {
   return {
     _id: id,
     id,
-    title: id || 'Entrelínea',
+    title: doc.text?.slice(0, 100) || 'Entrelínea',
     body: doc.text,
     ...doc
   }
@@ -273,7 +274,7 @@ function toggleFavorite(doc: EntrelineaDoc, ev?: Event) {
   favorites.toggle(FAVORITES_COLLECTION, toSearchHit(doc))
   toast.add({
     title: wasFav ? 'Eliminado de tu lista' : 'Guardado en tu lista',
-    description: doc.id,
+    description: doc.text?.slice(0, 100),
     icon: wasFav ? 'i-lucide-bookmark-x' : 'i-lucide-bookmark-check',
     color: wasFav ? 'neutral' : 'primary',
     duration: 1800

app/pages/historial.vue

@@ -527,7 +527,9 @@ const nearLimit = computed(() => histTotal.value >= Math.floor(HISTORY_LIMIT * 0
                 />
               </div>
               <div class="text-sm font-semibold line-clamp-2">
-                {{ it.hit?.origin || it.hit?.title || 'Sin título' }}
+                {{ it.collection === ENTRELINEAS_COLLECTION
+                  ? (it.hit?.title || 'Sin título')
+                  : (it.hit?.origin || it.hit?.title || 'Sin título') }}
               </div>
             </div>
             <UButton

lang/en.json

@@ -9,7 +9,8 @@
     "between_the_lines": "Between the Lines",
     "my_list": "My List",
     "history": "History",
-    "settings": "Settings"
+    "settings": "Settings",
+    "changelog": "What's New"
   },
   "search": {
     "placeholder": "Search for...",

lang/es.json

@@ -8,7 +8,8 @@
         "between_the_lines": "Entrelíneas",
         "my_list": "Mi Listado",
         "history": "Historial",
-        "settings": "Configuración"
+        "settings": "Configuración",
+        "changelog": "Novedades"
     },
     "search": {
         "placeholder": "Buscar...",

lang/fr.json

@@ -9,7 +9,8 @@
         "between_the_lines": "Entre les lignes",
         "my_list": "Ma liste",
         "history": "Historique",
-        "settings": "Paramètres"
+        "settings": "Paramètres",
+        "changelog": "Nouveautés"
     },
     "search": {
         "placeholder": "Rechercher des activités",

lang/pt.json

@@ -9,7 +9,8 @@
         "between_the_lines": "Entre as linhas",
         "my_list": "Minha lista",
         "history": "Registro",
-        "settings": "Configurações"
+        "settings": "Configurações",
+        "changelog": "Novidades"
     },
     "search": {
         "placeholder": "Digite para pesquisar...",