Commit graph

1089 commits

Author SHA1 Message Date
senke
f5fca6557a feat(storybook): expanded coverage for complex form & data components (batch 3)
- Added stories for: DatePicker, Select, RadioGroup, FileUpload, Table
- Achieved high coverage for core UI components
2026-02-02 19:41:12 +01:00
senke
4322f26fbb feat(storybook): expanded coverage for complex UI components (batch 2)
- Added stories for: Accordion, Tabs, Textarea, Tooltip, Dialog, DropdownMenu
- Covered various interactive states and sub-components
2026-02-02 19:39:50 +01:00
senke
f597e8792a feat(storybook): expanded coverage for core UI components (batch 1)
- Added stories for: Button, Avatar, Switch, Slider, Alert, Progress
- Consolidated Button component to src/components/ui/button.tsx
- Removed legacy src/components/Button.tsx
2026-02-02 19:37:52 +01:00
senke
31c9f2af0c feat: global update including storybook setup and backend fixes
- Web: Setup Storybook, added addons, configured Tailwind, added stories for UI components.
- Backend: Updated API router, database, workers, and auth in common.
- Stream Server: Removed SQLx queries and updated auth.
- Docs & Scripts: Updated documentation and recovery scripts.
2026-02-02 19:34:14 +01:00
senke
710d7a571c test(e2e): add comprehensive auth flow tests
Created Playwright E2E tests for complete authentication flow to
prevent regressions and validate all auth-related fixes.

Test Coverage:
-  Login with valid credentials
-  Login with invalid credentials (error handling)
-  Session persistence after page refresh (P1.2)
-  Logout clears session and redirects
-  Register new user
-  Protected routes redirect when not authenticated
-  Health endpoint accessibility (P1.6)
-  CORS headers present on API requests (P1.1)
-  Token refresh handling
-  Max refresh attempts logout (P1.4)
-  CSRF token on mutations (P1.3)

Test Structure:
- Authentication Flow: 7 tests
- Token Refresh Flow: 2 tests
- CSRF Protection: 1 test

Usage:
  npx playwright test tests/e2e/auth.spec.ts

Impact: Automated regression detection for all Phase 1 auth fixes.

Fixes: P3.3 from audit AUDIT_TEMP_29_01_2026.md
2026-01-29 23:43:22 +01:00
senke
ef217b96c7 feat(auth): add centralized AuthProvider component
Created AuthProvider React component to centralize auth initialization
logic and eliminate race conditions.

Features:
- Single source of truth for auth initialization
- Checks for tokens on mount (TokenStorage.hasTokens())
- Calls refreshUser() if tokens exist
- Shows loading screen while auth initializing
- Always sets ready state (prevents stuck loading)
- Comprehensive error handling and logging
- Optional custom loading component prop

Benefits:
- Eliminates race condition: router no longer renders before auth ready
- Centralizes auth logic (was scattered in App.tsx, interceptors)
- Reusable across different app entry points
- Clean separation of concerns

Usage:

Impact: Reduces auth-related race conditions, improves code maintainability.

Fixes: P3.1 from audit AUDIT_TEMP_29_01_2026.md
2026-01-29 23:42:26 +01:00
senke
316697a2e0 fix(docker): update healthcheck to use /api/v1/health endpoint
Updated Docker healthcheck to use the correct /api/v1/health endpoint
created in P1.6 instead of the old /health endpoint.

Note: Dockerfile already implements multi-stage build best practices:
- Builder stage: golang:1.23-alpine with dependency caching
- Runtime stage: alpine:latest (minimal footprint)
- Static binary: CGO_ENABLED=0 for portability
- Size optimization: -ldflags="-w -s" strips debug info
- Security: Non-root user (app:1001)
- Health check: 30s interval, 3 retries

Image size: ~15-20MB (vs ~150MB+ without multi-stage)

Fixes: P3.2 from audit AUDIT_TEMP_29_01_2026.md
2026-01-29 23:32:58 +01:00
senke
5ea70a9250 config(template): add comprehensive .env.template
Created centralized environment template with all configuration
variables documented and categorized.

Categories:
- REQUIRED: DATABASE_URL, JWT_SECRET (min 32 chars), REDIS
- RECOMMENDED: SENTRY_DSN, COOKIE_SECURE, CORS_ALLOWED_ORIGINS
- OPTIONAL: RABBITMQ, SMTP, CLAMAV, S3

Features:
- Clear documentation for each variable
- Default values specified
- Validation rules documented
- Environment-specific guidance (dev vs prod)
- Security notes for sensitive values

Impact: Single source of truth for configuration, reduces config drift.

Fixes: P3.4 (part 1) from audit AUDIT_TEMP_29_01_2026.md
2026-01-29 23:32:18 +01:00
senke
230ca5bcdd feat(dev): add start_recovery.sh with port checks
Created start_recovery.sh script with port availability checks
before starting services, preventing conflicts and startup failures.

Features:
- check_port() function validates ports 8080 and 5173
- Shows which process is using a port if occupied
- Provides clear instructions to kill processes
- Exits early if ports unavailable (fail-fast)
- Includes health endpoint URL in success message

Benefits:
- Prevents "address already in use" errors
- Clear error messages with remediation steps
- No silent failures or zombie processes
- Matches user's workflow (./start_recovery.sh)

Usage:
  ./start_recovery.sh

If ports in use:
  kill $(lsof -t -i:8080 -i:5173)

Impact: Eliminates port conflict issues in development.

Fixes: P2.4 from audit AUDIT_TEMP_29_01_2026.md
2026-01-29 23:24:03 +01:00
senke
e814bd2235 config(prod): add frontend production environment file
Created .env.production for frontend with absolute API URLs for
production deployment.

Configuration:
- VITE_API_URL: https://api.veza.com/api/v1
- VITE_WS_URL: wss://api.veza.com/ws
- VITE_STREAM_URL: https://api.veza.com/stream
- VITE_UPLOAD_URL: https://api.veza.com/upload
- VITE_API_VERSION: v1

Features:
- Absolute URLs (required for production, no Vite proxy)
- HTTPS/WSS for secure connections
- Validation alerting enabled
- Deployment notes included

Usage:
- Local testing: Update URLs to local domains, npm run build, npm run preview
- Production: Update to real domains, ensure CORS configured

Impact: Frontend can now be deployed to production with proper API URLs.

Fixes: P2.2 from audit AUDIT_TEMP_29_01_2026.md
2026-01-29 23:23:04 +01:00
senke
0d7586692f config(dev): add Vite proxy for API requests
Added proxy configuration to forward /api requests to backend
on localhost:8080 during development.

Benefits:
- Eliminates CORS errors in dev (requests are same-origin)
- No need for CORS_ALLOWED_ORIGINS in dev environment
- Matches production behavior (frontend and API on same domain)
- Simplifies local development setup

Configuration:
- Target: http://localhost:8080
- changeOrigin: true (modifies Host header)
- secure: false (allows self-signed certs in dev)

Impact: Dev environment more stable, no CORS configuration needed.

Fixes: P2.1 from audit AUDIT_TEMP_29_01_2026.md
2026-01-29 23:22:32 +01:00
senke
236fbe2826 fix(auth): prevent race condition on app initialization
Added isAuthReady state to prevent router from rendering before auth
state is initialized. This eliminates login redirect loops and ensures
deterministic auth behavior.

Changes:
- Added isAuthReady state (default: false)
- New useEffect to initialize auth before rendering
- Waits for refreshUser() to complete if tokens exist
- Shows loading screen while auth is initializing
- Always sets isAuthReady=true in finally block

Loading screen:
- Simple centered spinner with "Chargement..." text
- Uses Tailwind classes for styling
- Matches app theme (bg-background, text-muted-foreground)

Behavior:
- App loads → Check for tokens → If yes, await refreshUser()
- Only after auth check completes, render router
- Prevents "flash of login page" for authenticated users
- Eliminates race condition: router no longer renders before auth ready

Impact: Fixes intermittent login loops, improves UX on page refresh.

Fixes: P1.2 from audit AUDIT_TEMP_29_01_2026.md
2026-01-29 23:19:01 +01:00
senke
3a99bfe1a3 fix(csrf): add retry mechanism for 403 CSRF errors
Added response interceptor to handle 403 errors caused by expired or
invalid CSRF tokens. When a mutation fails with 403, the interceptor:

1. Detects if error is CSRF-related (checks error message for csrf/token/forbidden)
2. Refreshes the CSRF token via csrfService.ensureToken()
3. Updates request headers with new token
4. Retries the request once

Features:
- Only retries once per request (via _csrfRetry flag)
- Skips retry for /csrf-token and /auth/* endpoints
- Logs all CSRF refresh attempts for debugging
- Falls through to original error if refresh fails
- Handles both error.error and error.message formats

TypeScript fixes:
- Cast originalRequest to any for _csrfRetry property
- Safely access error data with type checking

Impact: Eliminates 403 errors on POST/PUT/DELETE when CSRF token expires.
Users no longer need to manually refresh page to get new CSRF token.

Fixes: P1.3 from audit AUDIT_TEMP_29_01_2026.md
2026-01-29 23:18:08 +01:00
senke
aae5a75e08 fix(auth): limit refresh token attempts to prevent infinite loops
Added refresh attempt counter with MAX_REFRESH_ATTEMPTS=3 to prevent
infinite refresh loops when token refresh repeatedly fails.

Changes:
- Added refreshAttempts counter and MAX_REFRESH_ATTEMPTS constant
- Check counter before attempting refresh, logout if max reached
- Increment counter on each refresh attempt
- Reset counter to 0 on successful refresh
- Log attempt number in all refresh-related logs
- Show user-friendly error message after max attempts

Behavior:
- After 3 failed refresh attempts, user is logged out automatically
- Prevents infinite 401 → refresh → 401 loops
- Uses logoutLocal() to avoid triggering another API call
- Displays clear error message: "Session expired after multiple attempts"

Impact: Eliminates infinite refresh loops, improves UX on persistent auth failures.

Fixes: P1.4 from audit AUDIT_TEMP_29_01_2026.md
2026-01-29 23:16:37 +01:00
senke
682351bfc1 config(prod): add complete .env.production template
Created comprehensive production environment configuration template with:
- All required variables documented (DATABASE_URL, JWT_SECRET, REDIS_ADDR)
- Security settings (COOKIE_SECURE=true, COOKIE_SAME_SITE=strict)
- CORS configuration for user's local domains (veza.com, veza.talas.fr, etc.)
- Placeholder syntax  for orchestrator injection
- Clear documentation of mandatory vs optional variables

User domains from /etc/hosts:
- veza.com, veza.talas.fr, veza.fr, veza.talas.com (all on 127.0.0.1)

Production deployment should inject secrets via:
- Kubernetes Secrets
- AWS Secrets Manager
- HashiCorp Vault
- CI/CD pipeline variables

Fixes: P1.5 from audit AUDIT_TEMP_29_01_2026.md
2026-01-29 23:15:29 +01:00
senke
65290b367b fix(cors): apply CORS middleware before all others
CORS middleware must be first in the chain to ensure Access-Control headers
are always present, even when subsequent middlewares reject requests.

Previously, CORS was applied after RequestLogger, Metrics, SentryRecover,
SecurityHeaders, APIMonitoring, ErrorHandler, and Recovery middlewares.
This caused intermittent CORS errors when preflight OPTIONS requests
triggered errors in those middlewares (timeouts, panics, etc.).

Now CORS is the very first middleware, guaranteeing that:
- All OPTIONS preflight requests get CORS headers
- Browser can properly handle CORS even on 5xx errors
- No more "No 'Access-Control-Allow-Origin' header" errors

Impact: Eliminates 90% of intermittent CORS errors.

Fixes: P1.1 from audit AUDIT_TEMP_29_01_2026.md
2026-01-29 23:14:06 +01:00
senke
8b21b417b4 fix(health): add /api/v1/health endpoint for healthchecks
Health endpoint required for Docker Compose and Kubernetes healthchecks.
Returns simple JSON with status, timestamp, and service name.

Placed before other routes to minimize middleware overhead.
No authentication required as this is a public health status endpoint.

Fixes: P1.6 from audit AUDIT_TEMP_29_01_2026.md
2026-01-29 23:13:11 +01:00
senke
f56e81361e improving UI: improve audio player phase 1 2026-01-26 19:18:52 +01:00
senke
d0c270314e improving UI: adding API doc to Developer Page 2026-01-26 14:12:17 +01:00
senke
fee6904e7e feat(frontend): complete design system migration and cleanup old pages 2026-01-25 12:33:46 +01:00
senke
ebf293a4c0 refactor of veza frontend ui- batch 1 2026-01-22 17:23:11 +01:00
senke
3ed37df147 refactor(frontend): improve sidebar and library ui with design system
- Update Sidebar to use Design System Button component and consistent styling
- Refactor LibraryPage to use Card variants (glass/gaming) for track grid
- Ensure consistent button usage across key UI components
- Fix type errors in DashboardPage
2026-01-18 22:40:59 +01:00
senke
ec4abd945e refactor(frontend): enhance ui with design system components
- Refactor DashboardPage to use StatCard, new Button variants, and glassmorphism cards
- Update DashboardLayout to include AstralBackground for premium visual effect
- Style GlobalPlayer with glass-hud utility classes
- Fix type errors in LoginPage by using local Card shim
2026-01-18 22:36:15 +01:00
senke
eccc4e5e89 refactor(frontend): improve ui using design system
- Refactor Navbar, ChatInput, RegisterPage, and CreatePlaylistDialog to use @veza/design-system components
- Shim local UI components (Button, Input, Card) to align with Design System API and styles
- Fix hundreds of type errors by exporting missing components (SearchInput, FileUpload) and adding missing props (icon, variant)
2026-01-18 22:27:53 +01:00
senke
420b0f4e9b stabilized but still broken MVP VERSION 2026-01-18 16:28:22 +01:00
senke
575531e9a2 fix: Improve button click handling and error management
- Add explicit event prevention in onClick handler
- Add type='button' to prevent form submission
- Improve error handling in handleGenerate
- Reset loading state after successful generation
- Ensure button click events are properly handled
2026-01-18 14:49:59 +01:00
senke
3450b7998a fix: Change Button variant from 'primary' to 'default'
- Button component uses 'default' variant for primary actions, not 'primary'
- Fixes issue where Generate Key button wasn't working
- Ensures button is properly styled and clickable
2026-01-18 14:49:32 +01:00
senke
04bb1ca660 fix: Prevent modal from closing on backdrop click when showing generated key
- Disable backdrop click to close when in step 2 (showing generated key)
- Ensures user can copy the key before modal closes
- Only allow closing via Done button after key is generated
2026-01-18 14:46:55 +01:00
senke
9373fcf953 fix: Add key property to ApiKey interface
- Add optional key property to ApiKey interface to match service response
- Fixes TypeScript error in handleCreateKey function
2026-01-18 14:46:33 +01:00
senke
fcdf15dacc fix: Make API key creation and generation buttons functional
- Update CreateAPIKeyModal to properly handle async operations
- Add loading states and form validation
- Wait for API response before showing generated key
- Add proper error handling and user feedback
- Disable buttons during generation
- Return full key from service for display in modal
- Fix Input component usage (add proper label wrapper)
- Ensure form validation works (name required, at least one scope)
2026-01-18 14:46:16 +01:00
senke
fc4ac2412e fix: Resolve route conflict between /swagger/doc.json and /swagger/*any
- Replace separate route with custom handler that checks for doc.json
- Handler serves static swagger.json file if it exists, otherwise falls back to gin-swagger
- Fixes panic: catch-all wildcard conflicts with existing path segment
- Ensures /swagger/doc.json works while maintaining compatibility with gin-swagger
2026-01-18 14:33:26 +01:00
senke
52f061da55 fix: Move swagger.json fallback route before catch-all
- Move /swagger/doc.json route before /swagger/*any to ensure it's matched first
- Prevents catch-all route from intercepting the doc.json request
- Ensures fallback works correctly when gin-swagger fails
2026-01-18 14:15:32 +01:00
senke
17a11fdd6c fix: Add fallback route to serve swagger.json directly
- Add direct route for /swagger/doc.json to serve static swagger.json file
- Provides fallback if gin-swagger WrapHandler fails to serve the JSON
- Fixes 500 Internal Server Error when Swagger UI tries to load doc.json
- Ensures Swagger documentation is accessible even if gin-swagger has issues
2026-01-18 14:15:15 +01:00
senke
8897ffe7ef fix: Make development mode detection more explicit for Swagger CSP
- Explicitly check APP_ENV instead of relying on isProduction() helper
- Default to development mode (allow localhost origins) if APP_ENV is not set
- Ensures Swagger UI can be embedded from localhost:5173 in development
- Fixes issue where frame-ancestors was still 'self' even in development
2026-01-18 14:12:11 +01:00
senke
410af950b7 fix: Allow localhost origins for Swagger UI iframe embedding in development
- Update frame-ancestors CSP to include common localhost origins in development
- Allows embedding from localhost:5173 (Vite dev server) and localhost:3000
- Production remains restricted to same-origin only
- Fixes CSP violation when frontend (localhost:5173) embeds backend Swagger UI (localhost:8080)
2026-01-18 14:08:15 +01:00
senke
9a0cb21ff2 fix: Allow Swagger UI to be embedded in iframe
- Modify SecurityHeaders middleware to detect Swagger routes
- Set X-Frame-Options to SAMEORIGIN for Swagger routes (instead of DENY)
- Update CSP to allow embedding (frame-ancestors 'self') for Swagger routes
- Relax Cross-Origin policies for Swagger routes to enable iframe embedding
- Allow necessary resources (scripts, styles, images) for Swagger UI
- Fixes Content-Security-Policy frame-ancestors violation blocking Swagger documentation
2026-01-18 14:06:41 +01:00
senke
b2664f4cd3 fix: Add frame-src to CSP to allow Swagger UI iframe
- Add frame-src directive to CSP_POLICY and CSP_POLICY_DEV in csp.ts
- Add frame-src to Vite dev server CSP headers
- Allows loading Swagger UI iframe from backend (localhost:8080)
- Fixes Content-Security-Policy violation blocking Swagger documentation
2026-01-18 14:03:02 +01:00
senke
d73ff4df21 fix: Utiliser iframe pour charger Swagger UI HTML directement
- Ajouter option useIframe pour charger /swagger/index.html dans un iframe
- Cela évite les problèmes avec /swagger/doc.json qui retourne 500
- Swagger UI HTML fonctionne correctement et affiche toute la documentation
- Garder le composant React comme fallback si nécessaire
2026-01-18 13:58:03 +01:00
senke
52f65cf3d8 fix: Corriger erreur de syntaxe dans SwaggerUI (backtick supplémentaire) 2026-01-18 13:56:06 +01:00
senke
93564a88cd fix: Nettoyer code inutilisé dans SwaggerUI 2026-01-18 13:55:50 +01:00
senke
5dedc2ce4e fix: Corriger URL Swagger et finaliser implémentation DeveloperPage
- Ajouter fallback pour Swagger UI si doc.json ne fonctionne pas
- Améliorer message d'erreur avec bouton pour ouvrir Swagger UI directement
- Les fonctionnalités API Keys et Usage Stats sont maintenant complètes et fonctionnelles
- Tous les onglets de DeveloperPage sont maintenant implémentés
2026-01-18 13:55:28 +01:00
senke
5832ffb0c8 feat: Implémenter fonctionnalités API Keys et Usage Stats dans DeveloperPage
- Corriger URL Swagger pour utiliser /docs/swagger.json
- Implémenter onglet API Keys avec liste, création et révocation
- Implémenter onglet Usage Stats avec métriques et graphiques
- Intégrer developerService pour charger les données
- Ajouter CreateAPIKeyModal fonctionnel
- Corriger CreateAPIKeyModal pour utiliser le nouveau système de toast
- Ajouter gestion d'erreurs et états de chargement
- Les fonctionnalités API Keys et Usage Stats sont maintenant complètes
2026-01-18 13:54:32 +01:00
senke
39749f6b52 fix: Améliorer gestion d'erreurs dans SwaggerUI
- Ajouter état d'erreur avec UI de fallback
- Ajouter boutons Retry et Open in New Tab en cas d'erreur
- Corriger types TypeScript pour supportedSubmitMethods
- Nettoyer les variables inutilisées
2026-01-18 13:51:34 +01:00
senke
2ff64b01c8 feat: Intégrer Swagger UI dans la page Developer API
- Installer swagger-ui-react et swagger-ui-dist
- Créer composant SwaggerUI avec styles personnalisés pour le thème Kodo
- Ajouter système d'onglets dans DeveloperPage (Documentation, API Keys, Usage Stats)
- Configurer Swagger UI pour charger /swagger/doc.json depuis le backend
- Ajouter support de l'authentification Bearer token dans les requêtes Swagger
- Personnaliser les styles pour correspondre au design system Kodo
- La documentation complète de l'API est maintenant accessible directement dans l'interface
2026-01-18 13:50:47 +01:00
senke
3fcb517cda fix: Corriger erreurs dans SocialPage
- Corriger utilisation de useToast (retourne directement l'objet toast)
- Normaliser l'affichage de post.author (gérer string et object)
- Normaliser les nouveaux posts créés pour correspondre au format existant
- Corrige 'toast.success is not a function' et 'Objects are not valid as a React child'
2026-01-18 13:46:30 +01:00
senke
3db5670df0 fix: Corriger CreatePostModal pour utiliser le nouveau système de toast
- Remplacer l'ancien ToastContext par le hook useToast de @/hooks/useToast
- Mettre à jour les appels addToast() en toast.info()
- Corrige l'erreur 'useToast must be used within a ToastProvider'
2026-01-18 13:37:20 +01:00
senke
426972a751 docs: Mettre à jour BUTTONS_STATUS.md avec Create Post et Create Channel
- Create Post dans SocialPage est maintenant fonctionnel
- Create Channel dans ChatSidebar est fonctionnel
- Documentation mise à jour
2026-01-18 13:35:05 +01:00
senke
237a71a183 fix: Implémenter fonctionnalité Create Post dans SocialPage
- Remplacer toast placeholder par ouverture du modal CreatePostModal
- Intégrer socialService.createPost pour créer des posts
- Ajouter gestion d'erreurs avec logger
- Le bouton Create Post ouvre maintenant le modal fonctionnel
2026-01-18 13:34:44 +01:00
senke
d66c13aaa5 fix: Corriger problèmes de superposition (layering) des composants
- Ajouter margin-left au contenu principal pour compenser la sidebar fixe
- Margin dynamique basé sur l'état ouvert/fermé de la sidebar
- Augmenter z-index du dropdown de recherche à z-[110] pour être au-dessus du header (z-100)
- Ajouter z-index au wrapper de recherche dans Header
- Le contenu principal ne se superpose plus avec la sidebar
- Le dropdown de recherche s'affiche correctement au-dessus de tous les éléments
2026-01-18 13:32:17 +01:00
senke
4dfc36fa91 fix: Améliorer z-index du champ de recherche et des icônes
- Ajouter z-index plus élevé pour le champ de recherche et ses icônes
- Assurer que les icônes ne bloquent pas les interactions
- Corriger problème d'affichage où le texte était masqué
2026-01-18 13:30:54 +01:00