Skip to content

[UI] Implementar shell de la app, panel de settings y componentes base de plots #19

Description

@jero-scafati

Depende de: #18

Descripción

Construir la base de la interfaz de usuario del desktop app, incluyendo el layout principal con sidebar/topbar, el panel de configuración y los componentes de gráficos para las vistas de análisis.

Alcance

Layout principal

Crear la estructura base de la app con:

  • AppShell.vue: wrapper principal
  • AppSidebar.vue: navegación lateral con secciones, íconos, estados activos y accesos a Settings
  • AppTopBar.vue: barra superior con la herramienta activa y estado general

La sidebar debe incluir:

  • secciones como Analysis, Tools y Coming soon
  • navegación con RouterLink
  • items deshabilitados para funciones futuras
  • soporte completo para i18n

Settings panel

Crear un panel lateral deslizable desde la derecha con opciones para:

  • tema: Light / Dark / System
  • idioma: ES / EN
  • audio: dispositivos de entrada/salida, sample rate, buffer size y latencia estimada
  • sección About con versión y link al repositorio

Debe abrirse/cerrarse suavemente, conservar estado y reflejar cambios al instante.

Componentes de plots

Crear componentes reutilizables para visualización de señales y análisis DSP:

  • WaveformPlot.vue
  • SpectrumPlot.vue
  • FrequencyResponsePlot.vue
  • CoherencePlot.vue

Cada uno debe estar optimizado para el tipo de dato correspondiente y usar el tema visual del sistema.

Criterios de aceptación

  • La sidebar navega correctamente entre vistas
  • El item activo se distingue visualmente
  • Settings se abre/cierra correctamente y aplica cambios inmediatos
  • Los selectores de audio se alimentan desde el store correspondiente
  • Los componentes de plot renderizan datos reales sin errores
  • Los gráficos respetan el sistema de temas y el estilo global
  • No hay strings hardcodeados en los componentes visibles

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions