Skip to content

UI Improvements: Document Date Display & Accordion Toggle Controls#20

Open
Jorge5452 wants to merge 4 commits intoCodeandoGuadalajara:mainfrom
Jorge5452:ui/accordion-ux-improvements-clean
Open

UI Improvements: Document Date Display & Accordion Toggle Controls#20
Jorge5452 wants to merge 4 commits intoCodeandoGuadalajara:mainfrom
Jorge5452:ui/accordion-ux-improvements-clean

Conversation

@Jorge5452
Copy link
Copy Markdown
Collaborator

@Jorge5452 Jorge5452 commented Jan 8, 2026

UI Improvements: Document Date Display & Accordion Toggle Controls

Summary

This PR enhances the chat interface by fixing document date extraction and adding expand/collapse controls for source accordions.

Changes

Date Extraction & Display

  • Added extract_date_from_title() utility to parse dates from document titles (DDMMAAAA format)
  • Implemented age calculation with visual indicators:
    • 🟢 Very recent (< 30 days)
    • 🟡 Recent (< 90 days)
    • 🟠 This year (< 365 days)
    • 🔴 Older documents (years)
  • Enhanced _create_document_sources() in RAG service to extract and pass date information

Accordion UX Improvements

  • Added "Expand ↓ / Collapse ↑" toggle button for managing all source accordions simultaneously
  • Implemented expand/collapse functionality for:
    • Main sources accordion
    • Individual document details
    • Nested chunk/fragment details
  • Enhanced visual feedback with "Ver más ↓" / "Ver menos ↑" indicators on collapsible sections
  • Positioned toggle button in top-right corner for better accessibility

Files Modified

Backend

  • rag_service.py: Integrated extract_date_from_title() in document source creation pipeline
  • utils/date_utils.py: New date parsing and formatting utilities with Spanish locale support
  • utils/context_renderer.py: Updated _get_age_text() to render age metadata with emoji indicators

Frontend

  • static/css/chat.css: Toggle button styling and accordion container enhancements
  • static/css/context.css: Refined chunk/document summary styles with chevron indicators
  • static/js/chat.js: Event delegation for toggle-all functionality with state management

@Jorge5452 Jorge5452 force-pushed the ui/accordion-ux-improvements-clean branch from d54f5d2 to 8da222e Compare January 9, 2026 16:58
@Jorge5452 Jorge5452 changed the title UI/accordion ux improvements clean UI Improvements: Document Date Display & Accordion Toggle Controls Jan 9, 2026
@Jorge5452 Jorge5452 marked this pull request as ready for review January 9, 2026 17:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant