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
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 principalAppSidebar.vue: navegación lateral con secciones, íconos, estados activos y accesos a SettingsAppTopBar.vue: barra superior con la herramienta activa y estado generalLa sidebar debe incluir:
RouterLinkSettings panel
Crear un panel lateral deslizable desde la derecha con opciones para:
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.vueSpectrumPlot.vueFrequencyResponsePlot.vueCoherencePlot.vueCada uno debe estar optimizado para el tipo de dato correspondiente y usar el tema visual del sistema.
Criterios de aceptación