2025-12-03 21:56:50 +00:00
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="en">
|
feat: add fusion design system foundation
- Created design-system.css with tokens from KŌDŌ, BOTANICAL, and Spectre Astral
- Added color palette (cyber neons + nature tones + space gradients)
- Implemented typography system (Orbitron, Rajdhani, Inter, Source Serif, JetBrains Mono)
- Added spacing scale, border radius, shadows, and glows
- Created keyframe animations (logo-spin, graffiti-shake, gentle-pulse, etc.)
- Added utility classes for gradients, glows, clip-paths, and hover effects
- Imported Google Fonts in index.html
- Integrated design system CSS in main.tsx
2026-01-03 22:35:02 +00:00
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
feat(branding): scaffold Logo component + Sumi icons + brand assets pipeline (Sprint 3)
Sprint 3 = production assets (logo, icons, hero, textures). Most deliverables
are physical artistic work (artist Renaud + Nikola scans). This commit lays
the CODE scaffold so assets drop in without friction when delivered.
New : apps/web/src/components/branding/
- Logo.tsx — single source of truth for Talas / Veza brand rendering.
Replaces ad-hoc inline wordmarks (Sidebar/Navbar/Footer/landing each had
their own VEZA <h2>). Variants: wordmark / symbol / lockup. Sizes xs..xl.
Colors auto/ink/cyan/inverse. Optional tagline. Horizontal/vertical orient.
- assets/SymbolPlaceholder.tsx — geometric ink stroke + arc + dot, monochrome,
currentColor inheritance, scalable. Mirrors charte §3.1 brief. Replaced by
artist's hand-drawn mark in P0.1 of BRIEF_ARTISTE.
- Logo.stories.tsx — full Storybook coverage: variants, sizes, colors,
orientation, Talas vs Veza, all-sizes ladder.
- index.ts — barrel exports.
New : apps/web/src/components/icons/sumi/
- Play.tsx — first calligraphic icon stub (programmatic approximation per
charte §6.3). 9 more to come (Pause, Search, Profile, Chat, Upload,
Settings, Home, Close, Volume).
- index.ts — barrel + commented TODO list per priority.
- Used via existing components/icons/SumiIcon.tsx wrapper which falls back to
Lucide when no Sumi version exists.
Brand alignment of platform metadata :
- public/favicon.svg — Mizu cyan placeholder (#0098B5) replacing default
vite.svg. Mirrors SymbolPlaceholder geometry.
- public/manifest.json — theme_color #1a1a1a -> #0098B5 (SUMI accent),
background_color #ffffff -> #0D0D0F (charte §4.4 rule 1: no pure white).
- index.html — theme-color meta + msapplication-TileColor aligned to SUMI.
Favicon link points to /favicon.svg.
New doc : apps/web/docs/BRANDING.md
- Architecture map of brand assets in apps/web.
- Logo component API + usage examples.
- Asset deliverables status table (P0/P1/P2 from brief artiste, all 🟡 placeholders).
- Naming convention for raw scans + processed SVGs.
- Step-by-step "how to integrate a delivered asset" for wordmark and Sumi icon.
- Brand color guard (ESLint rule pointer).
Build OK (vite 12.6s). Typecheck clean. No visual regression — Sidebar/Navbar
inline wordmarks intentionally NOT migrated yet (they use fontWeight 300 which
contradicts charte's Bold requirement; a per-screen migration call later).
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-27 15:08:17 +00:00
|
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
feat: UI components, services, utils, i18n, and routing
Update shared components (ComingSoon, SelectTrigger, AnnouncementBanner,
modals, social cards). Add usePatina hook. Refine API services, error
handling, query invalidation, state management. Update i18n strings
(en/fr/es). Update routing and app configuration.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-23 14:46:42 +00:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
feat: add fusion design system foundation
- Created design-system.css with tokens from KŌDŌ, BOTANICAL, and Spectre Astral
- Added color palette (cyber neons + nature tones + space gradients)
- Implemented typography system (Orbitron, Rajdhani, Inter, Source Serif, JetBrains Mono)
- Added spacing scale, border radius, shadows, and glows
- Created keyframe animations (logo-spin, graffiti-shake, gentle-pulse, etc.)
- Added utility classes for gradients, glows, clip-paths, and hover effects
- Imported Google Fonts in index.html
- Integrated design system CSS in main.tsx
2026-01-03 22:35:02 +00:00
|
|
|
<title>Veza - Plateforme de streaming musical</title>
|
|
|
|
|
|
fix: stabilize builds, tests, and lint across all stacks
Complete stabilization pass bringing all 3 stacks to green:
Frontend (apps/web/):
- Fix TypeScript nullability in useSeason.ts, useTimeOfDay.ts hooks
- Disable no-undef in ESLint config (TypeScript handles it; JSX misidentified)
- Rename 306 story imports from @storybook/react to @storybook/react-vite
- Fix conditional hook call in useMediaQuery.ts useIsTablet
- Move useQuery to top of LoginPage.tsx component
- Remove useless try/catch in GearFormModal.tsx
- Fix stale closure in ResetPasswordPage.tsx handleChange
- Make Storybook decorators (withRouter, withQueryClient, withToast, withAudio)
no-ops since global StorybookDecorator already provides these — prevents
nested Router / duplicate provider crashes in vitest-browser
- Fix nested MemoryRouter in 3 page stories (TrackDetail, PlaylistDetail, UserProfile)
- Update i18n initialization in test setup (await init before changeLanguage)
- Update ~30 test assertions from English to French to match i18n translations
- Update test assertions to match SUMI V3 design changes (shadow vs border)
- Fix remaining story type errors (PlayerError, PlaylistBatchActions,
TrackFilters, VirtualizedChatMessages)
Backend (veza-backend-api/):
- Fix response_test.go RespondWithAppError signature (2 args, not 3)
- Fix TestErrorContractAuthEndpoints expected error codes
(ErrCodeUnauthorized vs ErrCodeInvalidCredentials)
- Fix TestTrackHandler_GetTrackLikes_Success missing auth middleware setup
- Fix TestPlaybackAnalyticsService_GetTrackStats k-anonymity threshold
(needs 5 unique users, not 1)
- Replace NOW() PostgreSQL function with time.Now() parameter in marketplace
service for SQLite test compatibility
- Add missing AutoMigrate entries in marketplace_test.go
(ProductImage, ProductPreview, ProductLicense, ProductReview)
Results:
- Frontend TypeCheck: 617 errors -> 0 errors
- Frontend ESLint: 349 errors -> 0 errors
- Frontend Vitest: 196 failing tests -> 1 skipped (3396/3397 passing)
- Backend go vet: 1 error -> 0 errors
- Backend tests: 5 failing -> all 13 packages passing
- Rust: 150/150 tests passing (unchanged)
- Storybook audit: 0 errors across 1244 stories
Triage report: docs/TRIAGE_REPORT.md
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-05 14:48:07 +00:00
|
|
|
<!-- SUMI v3: Self-hosted fonts — Space Grotesk (headings) + Inter (body) + JetBrains Mono (code, lazy) -->
|
|
|
|
|
<link rel="preload" href="/fonts/SpaceGrotesk-Bold.woff2" as="font" type="font/woff2" crossorigin>
|
|
|
|
|
<link rel="preload" href="/fonts/Inter-Variable.woff2" as="font" type="font/woff2" crossorigin>
|
2026-01-07 10:15:48 +00:00
|
|
|
|
|
|
|
|
<!-- PERF: Preload stratégique des chunks vendors critiques (sera injecté par Vite en production) -->
|
|
|
|
|
<!-- Les hashs seront générés automatiquement lors du build -->
|
feat: add fusion design system foundation
- Created design-system.css with tokens from KŌDŌ, BOTANICAL, and Spectre Astral
- Added color palette (cyber neons + nature tones + space gradients)
- Implemented typography system (Orbitron, Rajdhani, Inter, Source Serif, JetBrains Mono)
- Added spacing scale, border radius, shadows, and glows
- Created keyframe animations (logo-spin, graffiti-shake, gentle-pulse, etc.)
- Added utility classes for gradients, glows, clip-paths, and hover effects
- Imported Google Fonts in index.html
- Integrated design system CSS in main.tsx
2026-01-03 22:35:02 +00:00
|
|
|
|
|
|
|
|
<!-- PWA Manifest -->
|
|
|
|
|
<link rel="manifest" href="/manifest.json" />
|
|
|
|
|
|
|
|
|
|
<!-- PWA Meta Tags -->
|
feat(branding): scaffold Logo component + Sumi icons + brand assets pipeline (Sprint 3)
Sprint 3 = production assets (logo, icons, hero, textures). Most deliverables
are physical artistic work (artist Renaud + Nikola scans). This commit lays
the CODE scaffold so assets drop in without friction when delivered.
New : apps/web/src/components/branding/
- Logo.tsx — single source of truth for Talas / Veza brand rendering.
Replaces ad-hoc inline wordmarks (Sidebar/Navbar/Footer/landing each had
their own VEZA <h2>). Variants: wordmark / symbol / lockup. Sizes xs..xl.
Colors auto/ink/cyan/inverse. Optional tagline. Horizontal/vertical orient.
- assets/SymbolPlaceholder.tsx — geometric ink stroke + arc + dot, monochrome,
currentColor inheritance, scalable. Mirrors charte §3.1 brief. Replaced by
artist's hand-drawn mark in P0.1 of BRIEF_ARTISTE.
- Logo.stories.tsx — full Storybook coverage: variants, sizes, colors,
orientation, Talas vs Veza, all-sizes ladder.
- index.ts — barrel exports.
New : apps/web/src/components/icons/sumi/
- Play.tsx — first calligraphic icon stub (programmatic approximation per
charte §6.3). 9 more to come (Pause, Search, Profile, Chat, Upload,
Settings, Home, Close, Volume).
- index.ts — barrel + commented TODO list per priority.
- Used via existing components/icons/SumiIcon.tsx wrapper which falls back to
Lucide when no Sumi version exists.
Brand alignment of platform metadata :
- public/favicon.svg — Mizu cyan placeholder (#0098B5) replacing default
vite.svg. Mirrors SymbolPlaceholder geometry.
- public/manifest.json — theme_color #1a1a1a -> #0098B5 (SUMI accent),
background_color #ffffff -> #0D0D0F (charte §4.4 rule 1: no pure white).
- index.html — theme-color meta + msapplication-TileColor aligned to SUMI.
Favicon link points to /favicon.svg.
New doc : apps/web/docs/BRANDING.md
- Architecture map of brand assets in apps/web.
- Logo component API + usage examples.
- Asset deliverables status table (P0/P1/P2 from brief artiste, all 🟡 placeholders).
- Naming convention for raw scans + processed SVGs.
- Step-by-step "how to integrate a delivered asset" for wordmark and Sumi icon.
- Brand color guard (ESLint rule pointer).
Build OK (vite 12.6s). Typecheck clean. No visual regression — Sidebar/Navbar
inline wordmarks intentionally NOT migrated yet (they use fontWeight 300 which
contradicts charte's Bold requirement; a per-screen migration call later).
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-27 15:08:17 +00:00
|
|
|
<!-- theme-color = SUMI Mizu cyan (charte §4.1 — sole UI accent) -->
|
|
|
|
|
<meta name="theme-color" content="#0098B5" />
|
2026-01-07 10:15:48 +00:00
|
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
feat: add fusion design system foundation
- Created design-system.css with tokens from KŌDŌ, BOTANICAL, and Spectre Astral
- Added color palette (cyber neons + nature tones + space gradients)
- Implemented typography system (Orbitron, Rajdhani, Inter, Source Serif, JetBrains Mono)
- Added spacing scale, border radius, shadows, and glows
- Created keyframe animations (logo-spin, graffiti-shake, gentle-pulse, etc.)
- Added utility classes for gradients, glows, clip-paths, and hover effects
- Imported Google Fonts in index.html
- Integrated design system CSS in main.tsx
2026-01-03 22:35:02 +00:00
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
|
|
|
|
<meta name="apple-mobile-web-app-title" content="Veza" />
|
|
|
|
|
|
|
|
|
|
<!-- Apple Touch Icons -->
|
|
|
|
|
<link rel="apple-touch-icon" href="/icons/icon-152x152.png" />
|
|
|
|
|
<link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png" />
|
|
|
|
|
<link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png" />
|
|
|
|
|
<link rel="apple-touch-icon" sizes="128x128" href="/icons/icon-128x128.png" />
|
|
|
|
|
<link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png" />
|
|
|
|
|
<link rel="apple-touch-icon" sizes="152x152" href="/icons/icon-152x152.png" />
|
|
|
|
|
<link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png" />
|
|
|
|
|
<link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png" />
|
|
|
|
|
<link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png" />
|
|
|
|
|
|
|
|
|
|
<!-- Microsoft Tiles -->
|
feat(branding): scaffold Logo component + Sumi icons + brand assets pipeline (Sprint 3)
Sprint 3 = production assets (logo, icons, hero, textures). Most deliverables
are physical artistic work (artist Renaud + Nikola scans). This commit lays
the CODE scaffold so assets drop in without friction when delivered.
New : apps/web/src/components/branding/
- Logo.tsx — single source of truth for Talas / Veza brand rendering.
Replaces ad-hoc inline wordmarks (Sidebar/Navbar/Footer/landing each had
their own VEZA <h2>). Variants: wordmark / symbol / lockup. Sizes xs..xl.
Colors auto/ink/cyan/inverse. Optional tagline. Horizontal/vertical orient.
- assets/SymbolPlaceholder.tsx — geometric ink stroke + arc + dot, monochrome,
currentColor inheritance, scalable. Mirrors charte §3.1 brief. Replaced by
artist's hand-drawn mark in P0.1 of BRIEF_ARTISTE.
- Logo.stories.tsx — full Storybook coverage: variants, sizes, colors,
orientation, Talas vs Veza, all-sizes ladder.
- index.ts — barrel exports.
New : apps/web/src/components/icons/sumi/
- Play.tsx — first calligraphic icon stub (programmatic approximation per
charte §6.3). 9 more to come (Pause, Search, Profile, Chat, Upload,
Settings, Home, Close, Volume).
- index.ts — barrel + commented TODO list per priority.
- Used via existing components/icons/SumiIcon.tsx wrapper which falls back to
Lucide when no Sumi version exists.
Brand alignment of platform metadata :
- public/favicon.svg — Mizu cyan placeholder (#0098B5) replacing default
vite.svg. Mirrors SymbolPlaceholder geometry.
- public/manifest.json — theme_color #1a1a1a -> #0098B5 (SUMI accent),
background_color #ffffff -> #0D0D0F (charte §4.4 rule 1: no pure white).
- index.html — theme-color meta + msapplication-TileColor aligned to SUMI.
Favicon link points to /favicon.svg.
New doc : apps/web/docs/BRANDING.md
- Architecture map of brand assets in apps/web.
- Logo component API + usage examples.
- Asset deliverables status table (P0/P1/P2 from brief artiste, all 🟡 placeholders).
- Naming convention for raw scans + processed SVGs.
- Step-by-step "how to integrate a delivered asset" for wordmark and Sumi icon.
- Brand color guard (ESLint rule pointer).
Build OK (vite 12.6s). Typecheck clean. No visual regression — Sidebar/Navbar
inline wordmarks intentionally NOT migrated yet (they use fontWeight 300 which
contradicts charte's Bold requirement; a per-screen migration call later).
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-27 15:08:17 +00:00
|
|
|
<meta name="msapplication-TileColor" content="#0D0D0F" />
|
feat: add fusion design system foundation
- Created design-system.css with tokens from KŌDŌ, BOTANICAL, and Spectre Astral
- Added color palette (cyber neons + nature tones + space gradients)
- Implemented typography system (Orbitron, Rajdhani, Inter, Source Serif, JetBrains Mono)
- Added spacing scale, border radius, shadows, and glows
- Created keyframe animations (logo-spin, graffiti-shake, gentle-pulse, etc.)
- Added utility classes for gradients, glows, clip-paths, and hover effects
- Imported Google Fonts in index.html
- Integrated design system CSS in main.tsx
2026-01-03 22:35:02 +00:00
|
|
|
<meta name="msapplication-TileImage" content="/icons/icon-144x144.png" />
|
|
|
|
|
|
|
|
|
|
<!-- SEO and Social -->
|
|
|
|
|
<meta name="description" content="Plateforme de streaming, collaboration et distribution musicale moderne" />
|
|
|
|
|
<meta name="keywords" content="music, streaming, collaboration, audio, chat, veza" />
|
|
|
|
|
<meta name="author" content="Veza Platform Team" />
|
|
|
|
|
|
|
|
|
|
<!-- Open Graph -->
|
|
|
|
|
<meta property="og:title" content="Veza Platform" />
|
|
|
|
|
<meta property="og:description" content="Plateforme de streaming, collaboration et distribution musicale moderne" />
|
|
|
|
|
<meta property="og:type" content="website" />
|
|
|
|
|
<meta property="og:image" content="/icons/icon-512x512.png" />
|
|
|
|
|
|
|
|
|
|
<!-- Twitter Card -->
|
|
|
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
|
|
|
<meta name="twitter:title" content="Veza Platform" />
|
|
|
|
|
<meta name="twitter:description" content="Plateforme de streaming, collaboration et distribution musicale moderne" />
|
|
|
|
|
<meta name="twitter:image" content="/icons/icon-512x512.png" />
|
2026-01-22 16:23:11 +00:00
|
|
|
<!-- Theme Script to prevent FOUC -->
|
|
|
|
|
<script>
|
|
|
|
|
(function() {
|
|
|
|
|
const storageKey = 'vite-ui-theme';
|
|
|
|
|
const defaultTheme = 'dark';
|
|
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
const theme = localStorage.getItem(storageKey) || defaultTheme;
|
|
|
|
|
const root = window.document.documentElement;
|
|
|
|
|
|
|
|
|
|
if (theme === 'system') {
|
|
|
|
|
const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches
|
|
|
|
|
? 'dark'
|
|
|
|
|
: 'light';
|
refactor: Phase 1 — SUMI token foundation
- Rewrite index.css with complete SUMI token system (dark + light themes)
- All --sumi-* variables: backgrounds, surfaces, borders, text, pigments,
spacing, radius, shadows, glass, scrollbar, motion, z-index, layout
- shadcn/Radix semantic mapping (--background, --foreground, etc.)
- Tailwind @theme mapping with new fonts (Inter, Space Grotesk, JetBrains Mono)
- SUMI keyframe animations (sumi-fade-in, sumi-slide-up, sumi-scale-in, etc.)
- Delete 11 redundant CSS files (design-system.css, design-tokens.css,
button.css, card.css, input.css, badge-avatar.css, header.css,
fix-input-focus.css, fix-login-form.css, visual-enhancements.css,
premium-utilities.css)
- Update main.tsx: single CSS import (index.css only)
- Update ThemeProvider: data-theme attribute instead of .dark class toggle
- Update index.html FOUC script: data-theme attribute
Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-12 00:48:01 +00:00
|
|
|
root.setAttribute('data-theme', systemTheme);
|
2026-01-22 16:23:11 +00:00
|
|
|
} else {
|
refactor: Phase 1 — SUMI token foundation
- Rewrite index.css with complete SUMI token system (dark + light themes)
- All --sumi-* variables: backgrounds, surfaces, borders, text, pigments,
spacing, radius, shadows, glass, scrollbar, motion, z-index, layout
- shadcn/Radix semantic mapping (--background, --foreground, etc.)
- Tailwind @theme mapping with new fonts (Inter, Space Grotesk, JetBrains Mono)
- SUMI keyframe animations (sumi-fade-in, sumi-slide-up, sumi-scale-in, etc.)
- Delete 11 redundant CSS files (design-system.css, design-tokens.css,
button.css, card.css, input.css, badge-avatar.css, header.css,
fix-input-focus.css, fix-login-form.css, visual-enhancements.css,
premium-utilities.css)
- Update main.tsx: single CSS import (index.css only)
- Update ThemeProvider: data-theme attribute instead of .dark class toggle
- Update index.html FOUC script: data-theme attribute
Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-12 00:48:01 +00:00
|
|
|
root.setAttribute('data-theme', theme);
|
2026-01-22 16:23:11 +00:00
|
|
|
}
|
|
|
|
|
} catch (e) {
|
|
|
|
|
console.error('Failed to set initial theme', e);
|
refactor: Phase 1 — SUMI token foundation
- Rewrite index.css with complete SUMI token system (dark + light themes)
- All --sumi-* variables: backgrounds, surfaces, borders, text, pigments,
spacing, radius, shadows, glass, scrollbar, motion, z-index, layout
- shadcn/Radix semantic mapping (--background, --foreground, etc.)
- Tailwind @theme mapping with new fonts (Inter, Space Grotesk, JetBrains Mono)
- SUMI keyframe animations (sumi-fade-in, sumi-slide-up, sumi-scale-in, etc.)
- Delete 11 redundant CSS files (design-system.css, design-tokens.css,
button.css, card.css, input.css, badge-avatar.css, header.css,
fix-input-focus.css, fix-login-form.css, visual-enhancements.css,
premium-utilities.css)
- Update main.tsx: single CSS import (index.css only)
- Update ThemeProvider: data-theme attribute instead of .dark class toggle
- Update index.html FOUC script: data-theme attribute
Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-12 00:48:01 +00:00
|
|
|
document.documentElement.setAttribute('data-theme', 'dark');
|
2026-01-22 16:23:11 +00:00
|
|
|
}
|
|
|
|
|
})();
|
|
|
|
|
</script>
|
feat: add fusion design system foundation
- Created design-system.css with tokens from KŌDŌ, BOTANICAL, and Spectre Astral
- Added color palette (cyber neons + nature tones + space gradients)
- Implemented typography system (Orbitron, Rajdhani, Inter, Source Serif, JetBrains Mono)
- Added spacing scale, border radius, shadows, and glows
- Created keyframe animations (logo-spin, graffiti-shake, gentle-pulse, etc.)
- Added utility classes for gradients, glows, clip-paths, and hover effects
- Imported Google Fonts in index.html
- Integrated design system CSS in main.tsx
2026-01-03 22:35:02 +00:00
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div id="root"></div>
|
|
|
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|