Skip to content

[P2] Crear Evidence Explorer con filtros y cards expandibles #30

@ramsani

Description

@ramsani

Problema

El Evidence Board muestra TODOS los hechos en una lista secuencial. El usuario no puede:

  • Filtrar por tipo (fact/inference/assumption)
  • Ordenar por relevancia/fecha/fuente
  • Expandir detalles sin perder contexto visual

Solución propuesta

Transformar el Evidence Board en un Explorador de Evidencia Interactivo:

┌─────────────────────────────────────────────────────────────┐
│ 🔍 Tablero de Evidencia                    [Filtros ▾] [+] │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│ ┌─ Filtros activos ─────────────────────────────────────┐  │
│ │ [x] Facts    [x] Inferences    [ ] Assumptions    [ ] │
│ │ Unknown                                                    │
│ │ Ordenar: [Relevancia ▾]  [Fecha]  [Fuente]            │
│ └───────────────────────────────────────────────────────┘  │
│                                                             │
│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐         │
│ │ 🟢 FACT      │ │ 🔵 INFERENCE │ │ 🟡 ASSUMPTION│         │
│ │              │ │              │ │              │         │
│ │ OpenAI SDK   │ │ "Results as  │ │ Usa Python   │         │
│ │ es MIT       │ │ a Service"    │ │ o JS/TS      │         │
│ │              │ │              │ │              │         │
│ │ src: github  │ │ src: docs    │ │ src: conv.   │         │
│ │              │ │              │ │              │         │
│ │ [expand]     │ │ [expand]     │ │ [expand]     │         │
│ └──────────────┘ └──────────────┘ └──────────────┘         │
│                                                             │
└─────────────────────────────────────────────────────────────┘

Funcionalidades:

  1. Filtros por tipo (checkboxes)

    • Facts, Inferences, Assumptions, Unknown
    • Combinables
  2. Ordenamiento (dropdown)

    • Relevancia (default), Fecha, Fuente, Tipo
  3. Cards expandibles

    • Click expande con detalles completos
    • Fuente, fecha, notas adicionales
  4. Agregar evidencia custom

    • Botón [+] permite agregar tu propia evidencia
    • Se marca como "user-added"

Scope

  • CSS para cards, filtros, expand
  • JS para toggle filters, sorting, expand/collapse
  • Datos en JSON embebido para manipulación

No-scope

  • No cambiar el formato de evidencia en otros lugares
  • No agregar backend o storage externo

Acceptance

  • Filtros funcionan (mostrar/ocultar por tipo)
  • Ordenamiento cambia el orden de las cards
  • Cards son expandibles con animación
  • Botón [+] permite agregar evidencia custom

Rollback

Revertir CSS/JS. Vuelve a lista secuencial simple.

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions