senke/veza
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
2224 commits 37 branches 94 tags 1.5 GiB
Commit graph

536 commits

Author SHA1 Message Date
senke
c8d88e7f44 feat(ui): premium polish — route transitions, context menu, slider, sidebar tooltips 
Route transitions:
- New PageTransition component with framer-motion fade+slide (0.2s)
- Layout wraps children in AnimatePresence mode="wait" for smooth page changes

Context menu (new component):
- Right-click menu with portal rendering and viewport clamping
- Keyboard navigation (arrows, Home/End, Enter/Space, Escape)
- framer-motion scale+fade animation matching dropdown aesthetic
- ARIA compliant (role=menu/menuitem), destructive/disabled item support

Sidebar polish:
- Replaced browser-native title tooltips with custom Tooltip component
- position="right" tooltips on collapsed nav items, Settings, Sign Out
- Tooltips auto-disabled when sidebar is expanded

Slider — Spotify-style hover:
- Track thins to h-1 by default, expands to h-1.5 on hover
- Thumb hidden by default, scales in on hover (group-hover)
- Filled portion gains subtle primary glow on hover

Toast enhancements:
- New ToastAction interface with label + onClick
- Action button renders below message, auto-dismisses on click
- Enables "Undo" / "View" patterns

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 23:10:10 +01:00
senke
592cc94b63 feat(ui): polish, animations & performance optimizations 
Sprint 4.1 — Exit animations with framer-motion AnimatePresence:
- modal.tsx: overlay fade + panel scale/fade entry/exit
- dropdown.tsx: slide/fade entry/exit

Sprint 4.2 — Missing hover transitions on PostCard:
- Added transition-colors to author name + tags hover states

Sprint 4.3 — Button loading prop:
- Added loading?: boolean with Loader2 spinner + auto-disable

Sprint 4.4 — OptimizedImage replacement:
- PostCard, ProductCard, CourseCard, PlaylistDetailView content images

Sprint 4.5 — React.memo on list components:
- ProductCard, PlaylistCard, TrackCard, CourseCard, PostCard

Sprint 4.6 — Consolidate duplicates:
- Deleted KodoEmptyState (redundant with EmptyState)
- Documented Spinner vs LoadingSpinner distinction (complementary)
- Confirmed Dialog delegates to Modal (correct architecture)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 23:05:26 +01:00
senke
bfdc785ccc refactor(tokens): complete design token migration to semantic system 
Sprint 3.1 — Default colors → semantic (~15 files, ~99 replacements):
- lime-500 → success, red-500 → destructive, cyan-500 → primary

Sprint 3.2 — Hardcoded colors → semantic (~13 files, ~99 replacements):
- text-white → text-foreground, bg-black → bg-background, bg-white → bg-card

Sprint 3.3 — Legacy kodo-* → semantic (~27 files, ~122 replacements):
- bg-kodo-ink → bg-card, bg-kodo-void → bg-background, text-kodo-steel → text-muted-foreground
- Preserved kodo-cyan/magenta/lime/gold palette accents and gradients

Sprint 3.4 — Arbitrary values → Tailwind scale (5 replacements):
- min-h-[600px] → min-h-layout-page, min-h-[400px] → min-h-layout-page-sm
- left-[50%] → left-1/2, min-h-[80px] → min-h-20, min-h-[40px] → min-h-10

Sprint 3.5 — Border-radius standardization (4 replacements):
- Modal/dialog skeletons: rounded-lg → rounded-xl (convention)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 23:05:09 +01:00
senke
503e6f00b6 feat(a11y): comprehensive accessibility & view states improvements 
Sprint 1 — Quick A11y wins:
- progress.tsx: role=progressbar + aria-value* + aria-label
- switch.tsx: role=switch + aria-checked
- skeleton.tsx: aria-hidden=true
- alert.tsx, Toast.tsx, SelectTrigger.tsx: aria-labels on close buttons
- PostCard.tsx: alt on images + aria-labels on icon buttons
- ProductCard.tsx: aria-labels on play/view buttons
- modal.tsx: role=dialog + aria-modal + aria-labelledby
- input.tsx: error state + aria-invalid + aria-describedby
- FAB.tsx: forward aria-label from label prop

Sprint 2 — Structural A11y + View States:
- tabs/: full ARIA tablist/tab/tabpanel + arrow key navigation
- radio-group.tsx: role=radio + arrow key navigation
- select/: aria-activedescendant + full keyboard navigation
- List.tsx + card.tsx: focus-visible states on interactive elements
- DashboardPage, LibraryPage, LiveView, QueueView: error states
- WishlistView, AdminDashboard, AnalyticsView, SellerDashboard: loading/empty states

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 23:04:35 +01:00
senke
f81756455c ui(tokens): migrate text-white to text-foreground in settings and content headings (10 files) 
Replace hardcoded text-white with theme-aware text-foreground on page
titles, section headings, and primary content text in settings views,
playlist views, and social components.

These elements use card/transparent backgrounds where text-foreground
adapts correctly to both light and dark themes.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:23:00 +01:00
senke
50f41beec5 ui(tokens): migrate kodo-gold to warning (43 files, 84 instances) 
Replace legacy text-kodo-gold/border-kodo-gold/bg-kodo-gold with semantic
text-warning/border-warning/bg-warning across 43 components.

Warning states now use the design system token for theme adaptability.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:20:32 +01:00
senke
dd6333d540 ui(tokens): migrate kodo-cyan to primary (51 files, 88 instances) 
Replace legacy text-kodo-cyan/border-kodo-cyan/bg-kodo-cyan with semantic
text-primary/border-primary/bg-primary across 51 components.

The brand primary color now uses the design system token, enabling proper
theme adaptation. Covers UI primitives, search, dashboard, chat, playlists,
settings, social, marketplace, and auth components.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:19:12 +01:00
senke
fc4259a827 ui(tokens): migrate bg/border-kodo-red → destructive, bg/border-kodo-lime → success (25 files) 
Complete semantic color token migration for background and border variants:
- bg-kodo-red → bg-destructive
- border-kodo-red → border-destructive
- bg-kodo-lime → bg-success
- border-kodo-lime → border-success

Covers UI primitives (badge, alert), forms, settings, social, playlists,
admin, education, and marketplace components.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:17:14 +01:00
senke
7e4bcbdb65 ui(tokens): migrate text-kodo-red → text-destructive, text-kodo-lime → text-success (56 files) 
Replace remaining legacy semantic color tokens:
- text-kodo-red → text-destructive (36 files, 50 instances): errors,
  deletions, validation, destructive actions
- text-kodo-lime → text-success (36 files, 48 instances): success states,
  confirmations, positive indicators

These tokens now adapt to theme changes instead of being hardcoded.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:14:40 +01:00
senke
ceb7eec364 ui(tokens): migrate text-kodo-secondary to text-muted-foreground (11 files) 
Replace legacy text-kodo-secondary with semantic text-muted-foreground
across chat, notifications, developer tools, and PWA components.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:13:27 +01:00
senke
db4883e0a7 ui(tokens): migrate Toast component to semantic design system tokens 
Replace legacy color tokens in Toast component:
- border-kodo-lime → border-success
- border-kodo-red → border-destructive
- text-kodo-lime → text-success
- text-kodo-red → text-destructive
- text-kodo-steel → text-muted-foreground
- text-white → text-foreground
- bg-kodo-ink/90 → bg-card/90
- hover:text-white → hover:text-foreground

Toast now adapts correctly to light/dark theme.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:12:29 +01:00
senke
06313c5d72 ui(motion): add scaleIn animation to Dropdown menu, fix Collapsible tokens 
Dropdown: add animate-scaleIn entrance animation with origin based on
alignment (top-left, top-right, or top-center). Menu now fades+scales
instead of popping instantly.

Collapsible: migrate focus ring from kodo-cyan/kodo-void to ring/background
tokens. Migrate chevron text from kodo-secondary to muted-foreground.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:11:25 +01:00
senke
e1d901e087 ui(components): migrate 4 inline empty states to EmptyState in profile and marketplace 
UserProfilePageTabs: replace 3 inline empty divs (tracks, playlists, posts)
with EmptyState component using Music, Library, MessageSquare icons.

ProductDetailViewReviews: replace inline "No reviews yet" text with
EmptyState using Star icon and call-to-action description.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:10:09 +01:00
senke
6d9a4b0a5a ui(tokens): migrate bg-kodo-steel to bg-muted (46 files, 76 instances) 
Replace legacy hardcoded bg-kodo-steel (RGB 59,69,84, theme-unaware)
with semantic bg-muted token across 46 user-facing components.

This completes the kodo-steel elimination from source files: text, border,
and background variants are now all on semantic design system tokens.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:08:42 +01:00
senke
68417c667c ui(tokens): migrate border-kodo-steel to border-border (86 files, 269 instances) 
Replace legacy hardcoded border-kodo-steel (RGB 59,69,84, theme-unaware)
with semantic border-border token across 86 user-facing components.

Covers UI primitives (checkbox, badge, modal, table, textarea, alert,
radio-group, avatar), all modals, settings views, social features,
playlist views, inventory, chat, commerce, and cloud file browser.

Only story/test files retain the legacy token.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:07:00 +01:00
senke
7113d35a4a ui(tokens): complete text-kodo-content-dim → text-muted-foreground migration (52 files) 
Eliminate all remaining text-kodo-content-dim from user-facing source files.
This legacy token (hardcoded Gray-400) is now fully replaced by the
theme-aware text-muted-foreground token across UI primitives, settings,
social features, playlists, modals, inventory, and admin views.

Only story files (.stories.tsx) retain the old token for reference.
Total migration: ~345 instances across 87 files (this + previous commit).

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:04:51 +01:00
senke
a508dde511 ui(tokens): migrate text-kodo-content-dim to text-muted-foreground (35 files, 160 instances) 
Replace legacy hardcoded `text-kodo-content-dim` (Gray-400, theme-unaware)
with semantic `text-muted-foreground` across 35 user-facing components.

This ensures all secondary/muted text adapts correctly to light/dark theme
changes instead of staying fixed at a single gray value.

Covers: SearchBar, PlaylistsView, NotificationBell, TrackAnalyticsView,
LiveStreamDetailView, LicenceCard, FilePreviewCard, PasswordStrengthIndicator,
NotificationItem, TrackList, CourseCard, GroupCard, AchievementCard, XPBar,
EquipmentCard, SellerDashboardView, APIPlaygroundView, DeveloperDashboardView,
CreatorModal, AddToPlaylistModal, LicenceDetailsModal, QuizModal,
CertificateModal, FlashSaleModal, CreateAPIKeyModal, LyricsEditorModal,
WatermarkSettingsModal, ProfileXPView, LeaderboardView, PostCard,
ExploreView, FeedView, MessageSearch, TypingIndicator, PlaylistTrackItem.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:03:33 +01:00
senke
2a0d9aa1f3 ui(motion): add transition-colors to QueuePanel items and Header mobile toggle 
Ensure smooth hover background transitions on interactive elements that
were snapping instead of transitioning:

- QueuePanel: queue list items now smooth-transition on hover
- Header: mobile sidebar toggle button smooth-transitions on hover

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:01:36 +01:00
senke
e82c89fdd0 ui(components): migrate 5 more inline empty states to EmptyState component 
Replace inline "no items" fallbacks with the shared EmptyState component
in high-visibility views:

- PlayerQueue: ListMusic icon + "Your queue is empty"
- WishlistView: Heart icon + "Your wishlist is empty"
- WebhooksView: Activity icon + "No endpoints registered"
- AdminModerationView: ShieldAlert icon + "All caught up!"
- RolesPage: improved empty message text

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-09 00:00:21 +01:00
senke
2619aafe5a ui(a11y): add focus-visible and keyboard support to SearchPageResults and UserCard 
SearchPageResults: add tabIndex, role="button", focus-visible ring, and
onKeyDown (Enter/Space) to all interactive Card elements across all tabs.

UserCard: convert clickable div/h3 to semantic <button> elements with
focus-visible ring. Migrate hardcoded text-white/text-kodo-content-dim
to design system tokens (text-foreground/text-muted-foreground).

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 23:57:26 +01:00
senke
c5b14dc09b ui(tokens): migrate text-red-500 to text-destructive across 11 components 
Replace hardcoded red-500/red-400 color references with the semantic
`destructive` design token. This ensures error and danger states adapt
correctly to theme changes and maintain consistency across the UI.

Files: PlayerExpanded, PlayerQueue, WebhooksView, RolesPage, ChatPage,
AdminDashboardStatCard, NotificationsViewItem/Header, AnalyticsViewTopTracks,
AdminDashboardTabs, AdminDashboardHeader.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 23:26:34 +01:00
senke
47164e5f3c ui(components): migrate remaining 27 skeleton files to Skeleton shimmer 
Complete the migration of all inline `animate-pulse bg-muted` patterns
to the shared `<Skeleton>` component with premium shimmer animation.

Covers: UserProfilePage, SearchPage, CourseDetailView, ProductDetailView,
NotificationsPage, ChatMessages, SessionsPage, RegisterPage, AudioPlayer,
DataList, AccountSettings, Dialog, CourseLearningView, TwoFactorSetup,
ProjectsManager, GoLiveView, ConnectivityView, AIToolsView,
CloudSettingsView, EquipmentDetailView, NotificationMenu, PlaybackHeatmap,
ProjectDetailView, AvatarUpload, ShareLinkManager, OptimizedImage, BlurPlaceholder.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 23:21:33 +01:00
senke
bdf7466082 ui(components): migrate inline empty states to EmptyState component 
Replace bare text "No X found" messages with the shared EmptyState
component (icon + title + description + optional action). This gives
empty moments a designed, intentional feel instead of a raw fallback.

- EmptyState: use design system tokens (text-foreground, text-muted-foreground)
- MarketplaceHome: EmptyState with ShoppingBag icon
- MarketplaceViewGrid: EmptyState with clear filters action
- ProfileViewTracksTab: EmptyState with Music icon
- ProfileViewPlaylistsTab: EmptyState with ListMusic icon
- PurchasesViewList: EmptyState with ShoppingCart icon
- SessionManagement: centered empty text with padding

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 23:15:53 +01:00
senke
0d0046f48c ui(components): migrate 16 skeleton files from animate-pulse to Skeleton shimmer 
Replace raw `animate-pulse bg-muted` divs with the `<Skeleton>` component
across all major page and section skeletons. Every loading state now uses
the premium sweeping shimmer animation instead of the basic pulse.

Files: TrackDetailPageSkeleton, LibraryPageSkeleton, PlaylistDetailPageSkeleton,
DiscoverViewSkeleton, PlaybackDashboardSkeleton, StudioViewSkeleton,
MonitoringDashboardSkeleton, LibraryManagerSkeleton, UploadViewSkeleton,
FileManagerViewSkeleton, TrackSearchFiltersSkeleton, TrackListPaginationSkeleton,
TrackFiltersSkeleton, TrackHistorySkeleton, PlaylistActionsSkeleton, TrackGrid.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 23:12:58 +01:00
senke
b80b06f073 ui(components): add shimmer animation to Skeleton component 
Replace static animate-pulse with a sweeping gradient shimmer overlay
for a premium loading experience (Spotify/Discord-like).

Skeleton: bg-kodo-steel/50 → bg-muted/50 (design system token), adds
a child div with .skeleton-shimmer class for the gradient sweep.

index.css: add .skeleton-shimmer utility class with linear-gradient
animation (1.8s ease-in-out infinite). Respects prefers-reduced-motion
by disabling animation.

Existing inline skeletons using animate-pulse are unaffected.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 23:01:31 +01:00
senke
27107245a6 ui(components): migrate Switch, Toast, LoadingSpinner to design system 
Switch:
- w-[44px] h-[24px] → w-11 h-6 (exact Tailwind equivalents)
- bg-kodo-cyan/kodo-steel → bg-primary/bg-muted (design system tokens)
- ring-kodo-cyan/kodo-void → ring-ring/ring-offset-background

Toast:
- min-w-[300px] → min-w-72 (288px, closest Tailwind value)

LoadingSpinner:
- min-h-[200px] → min-h-48 (192px)
- border-t-blue-600 → border-t-primary (design system token)
- border-kodo-steel → border-muted

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:56:36 +01:00
senke
a0bf68535f ui(tokens): migrate remaining arbitrary min-w values to Tailwind scale 
- min-w-[140px] → min-w-36 (AdminModerationView)
- min-w-[100px] → min-w-24 (PlaylistFollowButton, FollowButton)
- min-w-[80px] → min-w-20 (PasswordStrengthIndicator)
- collapsible.tsx: eslint-disable comment for max-h-[5000px] animation
  technique (documented exception)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:48:37 +01:00
senke
034a2769c5 ui(a11y): add focus-visible ring to 16 interactive components 
Add consistent focus-visible:ring-2 focus-visible:ring-ring pattern to
elements using role="button" / tabIndex={0} that lacked visible focus
indicators.

Affected: TrackCard, 2FA setup steps, ProjectsManager cards,
NotificationMenuItem, SelectOptionItem, DropdownMenuItem,
ConversationItem, VirtualizedChatMessageItem, GearInventoryGrid,
UploadModal, SearchPageResults, SocialViewFeedItem, SocialViewSidebar,
FileManagerViewTable.

Improves keyboard navigation across the application.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:48:24 +01:00
senke
bf4112c76f ui(shell): refine DashboardLayout scroll architecture and Header transparency 
DashboardLayout: add min-w-0 to flex child (prevents overflow), use
max-lg:ml-0 for responsive specificity, absolute-positioned player at
bottom of content area.

Header: bg-background/80 → bg-transparent with backdrop-blur-md for a
seamless Spotify-like header that blends with the page content below.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:47:53 +01:00
senke
1f4b731e38 ui(tokens): replace arbitrary max-h/h viewport values with layout tokens 
Migrate all max-h-[XXvh] and h-[XXvh] to design system tokens:
- max-h-[85vh] → max-h-layout-modal (9 modals)
- max-h-[80vh] → max-h-layout-modal-sm (4 modals + notification bell)
- max-h-[70vh] → max-h-layout-modal-xs (AddToPlaylistModal)
- max-h-[90vh] → max-h-layout-modal-lg (CreatorModal)
- max-h-[400px] → max-h-layout-list (QueuePanel, OfflineQueueManager)
- max-h-[500px] → max-h-layout-drawer (APIPlaygroundView)
- h-[60vh] → h-layout-lyrics (FullPlayer, TrackDetailPageHero/Skeleton)
- max-w-[400px] → max-w-lg (FullPlayer)

Zero arbitrary viewport heights remain in modals and panels.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:47:41 +01:00
senke
dc88ea6805 ui(tokens): migrate text-[10px] to text-xs across 23 components 
Replace all arbitrary text-[10px] / text-[9px] with the standard Tailwind
text-xs token. Also migrates nearby arbitrary width values where applicable
(max-w-[200px] → max-w-48, max-w-[120px] → max-w-32, h-[1px] → h-px).

Only documented exceptions remain: avatar xs (text-[10px] for w-6 h-6
initials) and badge JSDoc reference.

Affected areas: admin views, marketplace, player, settings, chat, upload,
education, commerce, library, PWA, search, navbar, user card.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 22:47:19 +01:00
senke
39b2b642d2 feat(web): UI premium Discord/Spotify-like — tokens, shadows, focus, layout 
Plan UI premium 6–8 semaines (design system, shell, Storybook, a11y):

- Design system: DESIGN_TOKENS.md, APP_SHELL.md, FULL_LAYOUT_PAGE.md. Single source
  for layout/shell (index.css), shadows (design-system.css), durations/easing.
- Tokens: shadow-cover-depth, shadow-gold-glow, shadow-fab-glow; layout max-height
  (max-h-layout-drawer, max-h-layout-panel, max-h-layout-list). All duration-200/300/500
  replaced by --duration-fast/normal/slow. Arbitrary shadows replaced by token classes.
- Shell & player: Sidebar, Header, GlobalPlayer, MiniPlayer, PlayerQueue, PlayerControls,
  AudioPlayer use tokens; focus-visible on Sidebar, PlayerQueue, DropdownMenuTrigger/Item,
  TabsTrigger. Typography: text-[10px]/[9px] → text-xs where applicable.
- ESLint: no-restricted-syntax (warn) for w-/h-/rounded-/shadow-/text-/spacing arbitrary.
- Scripts: report-arbitrary-values.mjs, capture/compare/generate visual; visual-complete.spec.ts.
- Stories full layout: Dashboard, Playlists, Library, Settings, Profile in DashboardLayout.stories.
- .cursorrules + README: DESIGN_TOKENS, APP_SHELL, visual commands, no arbitrary without justification.
- apps/web/.gitignore: e2e test artifacts (test-results-visual, playwright-report-visual).

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-08 17:15:58 +01:00
senke
1efafe0cc5 test(storybook): Playwright suite for full Storybook + Spotify/Discord polish 
- Add playwright.config.storybook.ts: runs against storybook-static on :6007
- Add e2e/tests/storybook/storybook-all.spec.ts: one test per story (load iframe, no errors)
- Add scripts/serve-storybook-static.cjs: serves build or stub (empty index) when no build
- npm run test:storybook:playwright (after build-storybook) for full coverage
- Storybook decorator: use bg-background / design tokens for dark (#121212)
- Preview: default dark background #121212
- Button: secondary/ghost/glass aligned to Spotify/Discord (white/5, white/10 hover)
- KodoEmptyState: softer orbs, compact copy, primary CTA without heavy glow

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 20:30:49 +01:00
senke
37c5acc302 style(ui): Spotify-like palette, player, sidebar and dashboard polish 
- Dark palette: background 0.11, card 0.14, sidebar 0.08 (Spotify #121212 feel)
- MiniPlayer: h-16, thinner progress bar, compact cover/times, rounded actions
- Sidebar: minimal header, lighter section labels, clean nav hover (no heavy border)
- Header: h-16, rounded search pill, compact user pill and dropdown
- Dashboard: pt-20 to match header, StatCard typography and spacing tweaks
- Visual: register-page snapshot + small maxDiffPixels tolerance for font variance

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 20:19:59 +01:00
senke
f31d204f6c feat(ui): dashboard StatCard surface + KodoEmptyState tokens (Spotify/Discord) 
- StatCard: variant surface, rounded-xl icon box, text-foreground
- KodoEmptyState: variant surface, primary orbs/icon/CTA, no kodo-*

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:52:24 +01:00
senke
1360199bed feat(ui): refactor global layout with immersive glassmorphism (Spotify/Discord-like) 
- Palette: Discord-like deep cold grays (background 0.12, sidebar 0.09, card 0.16)
- Transitions: --duration-immersive 200ms ease-in-out for micro-interactions
- Sidebar: bg from var(--sidebar), rounded-xl, backdrop-blur-md; icons
  text-muted-foreground/60 → text-primary on hover/active; 2px teal active bar
- Header: backdrop-blur-md, 200ms transitions
- MiniPlayer: h-20, backdrop-blur-md, bg-background/80, border-white/5 (no harsh border)
- Play button: teal pill with diffuse glow (shadow primary/0.4)
- Card: new 'surface' variant (border white/5, hover lighter + diffuse shadow)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:44:40 +01:00
senke
3600f97b6d style(ui): P3 AdminSettingsView kodo-* → semantic tokens 
- Borders/labels: kodo-steel → border-border, kodo-content-dim → text-muted-foreground
- Inputs/selects: bg-kodo-ink border-kodo-steel → bg-card border-border focus:border-primary
- Feature Flags: icon text-primary, rows bg-muted/50, toggle track bg-success
- Maintenance card: border-destructive/30, icon text-destructive, toggle bg-destructive/bg-muted
- Headings text-foreground for consistency

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:37:41 +01:00
senke
ca3aa6a1ce style(ui): P3 AdminModerationView kodo-* → semantic tokens 
- border/text: kodo-steel → border-border, kodo-content-dim → text-muted-foreground
- kodo-text-main → text-foreground, kodo-red → destructive (tabs, card, reason, Ban button)
- Report block: bg-kodo-ink border-kodo-steel → bg-muted/50 border-border
- Loader and empty state use muted-foreground

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:36:27 +01:00
senke
ea1841a526 style(ui): P3 AdminAuditLogsView semantic tokens + elevated card 
- Replace all text-kodo-content-dim with text-muted-foreground (audit P3)
- Card glass → elevated for consistency with admin dashboard

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:35:33 +01:00
senke
fb1c18dd69 style(ui): P3 Rajdhani fallback, dashboard StatCard semantic tokens 
- index.css: add 'Inter' to --font-sans fallback (audit P3 glyph robustness)
- dashboard/StatCard.tsx: replace kodo-* with semantic tokens (primary,
  secondary, success, warning, destructive, muted-foreground)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:34:45 +01:00
senke
e0ed872e3c style(ui): dashboard cards elevated, progress bar contrast (audit §7.2, §6.1) 
- Admin dashboard: StatCard, TrafficCard, ProtocolsCard, NodeHealthCard
  glass → elevated for main content depth (audit §7.2)
- MiniPlayer: progress rail bg-muted → bg-white/10, h-1 → h-1.5, fill
  bg-white → bg-primary for accessibility and consistency (§6.1)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:32:00 +01:00
senke
2c68b1ecab style(ui): P2 contrast muted-foreground, sidebar spacing, dashboard gap, compact play button 
- index.css: --muted-foreground 0.70 → 0.73 in dark for better secondary text readability (audit §5.2)
- PlayerControls: compact play w-10→w-9, icon w-5→w-4; use bg-primary/text-primary-foreground
- Sidebar: space-y-6→space-y-8, section title mb-2→mb-3 mt-1 (audit §4.2)
- AdminDashboardView: stats grid gap-6→gap-8 (audit §4.3)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:30:13 +01:00
senke
3ddff494dc style(ui): unify sidebar badges to primary, improve card depth and affordance 
Phase 1 audit (P0 & P1):
- Sidebar: badges use primary (teal) instead of secondary (magenta)
- AdminDashboardStatCard: 0% trend shown as muted, never red
- AdminDashboardTrafficCard: remove fake Math.random() data, show empty state
- Dark theme: increase card luminance (0.21), stronger borders
- Card variants: add border-white/10 to glass, border-border to default
- Header: search input bg-card + border-white/10, migrate kodo-* to semantic tokens
- MiniPlayer: h-20 max (was h-24)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 19:28:12 +01:00
senke
47e535fb46 feat(ui): Zone 15 - Live & Checkout polish (Chat/Recommended/StreamInfo glass+glow, OrderSummary Card) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:47:18 +01:00
senke
b7c78618d0 feat(ui): Zone 14 - AdminView polish (Sidebar glass/glow, dashboard motion, UserTableRow tokens) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:46:36 +01:00
senke
be5ef43cee feat(ui): Zone 13 - Settings view polish (Header glass, Tabs container, Content/Skeleton sync) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:45:35 +01:00
senke
68179a5912 feat(ui): Zone 12 - Library & Analytics polish (min-h-layout-page, motion, glass/glow, skeleton sync) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:45:06 +01:00
senke
17234b6222 feat(ui): Zone 11 - MarketplaceView SaaS polish (glass, glow, motion, fix allProducts, ProductCard tokens) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:44:13 +01:00
senke
c1ce0c4b5a feat(ui): Zone 10 - SocialView SaaS polish (glass, glow, motion, error/empty) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:43:04 +01:00
senke
a3a3dd6546 style(commerce,upload,error): elevate Commerce, Upload, Error to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:07:09 +01:00
senke
8eac80ffb2 style(settings,auth): elevate Security and Auth to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:02:52 +01:00
senke
740f5b6308 style(player): elevate player components to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 16:01:56 +01:00
senke
823a0fe1ee style(player): elevate player components to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:33:31 +01:00
senke
e8864fdb25 style(playlists,ui): elevate PlaylistListToolbar, DataList, Select to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:26:55 +01:00
senke
7b545f34d1 style(layout): elevate Header, Navbar, AudioPlayer, Sidebar to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:25:44 +01:00
senke
a69f9d1c89 style: fix leftover kodo in ProfileView, FileTableRow.stories, FocusTrap.stories 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:17:47 +01:00
senke
e293cc9366 style(stories): replace kodo decorators with design tokens in all story files 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:10:32 +01:00
senke
0218035f53 style(settings,views): elevate AccountSettings and ProfileView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:09:53 +01:00
senke
8a3da49fbd style(ui): elevate Dialog to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:08:52 +01:00
senke
aa81603276 style: fix leftover kodo tokens in ProjectDetailView, ProductDetailView, CourseDetailView, UploadViewStepper 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:08:19 +01:00
senke
3446af4b31 style(studio): elevate ProjectDetailView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 15:01:03 +01:00
senke
ca856d807a style(marketplace): elevate ProductDetailView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:58:26 +01:00
senke
cd719fb960 style(education): elevate CourseDetailView and CourseLearningView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:57:13 +01:00
senke
945dc8d30c style(notifications): elevate NotificationMenu story to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:57:11 +01:00
senke
9387af64d4 style(views): elevate UploadView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:54:19 +01:00
senke
d5f1fdaa90 style(studio): fix ConnectivityViewWebhooks leftover kodo tokens 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:54:17 +01:00
senke
95d261b2da style(settings): elevate TwoFactorSetup to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:42:45 +01:00
senke
73cc80b020 style(studio): elevate ProjectsManager to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:41:25 +01:00
senke
85dc9a49d7 style(studio): elevate CreateProjectModal to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:40:07 +01:00
senke
007eba6157 style(studio): elevate GoLiveView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:39:24 +01:00
senke
5159b9f34c style(studio): elevate ConnectivityView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:38:15 +01:00
senke
e96c3f5ceb style(settings,studio): remove remaining kodo in EditProfileIdentityCard and AIToolsViewSkeleton 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:37:35 +01:00
senke
64061aff64 style(studio): elevate AIToolsView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:25:23 +01:00
senke
9a58d20198 style(studio): elevate CloudSettingsView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:25:20 +01:00
senke
6b762173c8 style(views): elevate StudioView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:23:54 +01:00
senke
c25b0e957f style(ui): elevate Dropdown, DropdownMenu, Tooltip to SaaS Premium; update test 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:23:04 +01:00
senke
688a4fe67d style(ui): elevate Tabs and Accordion to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:17:49 +01:00
senke
5ac6931999 style(settings): elevate EditProfile to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:17:10 +01:00
senke
a51f67a843 style(social): elevate Profile + GroupDetailView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:15:35 +01:00
senke
3dc15ed2d8 style(discover): remove remaining kodo in DiscoverView Trending, Genres, types 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:13:58 +01:00
senke
92faee36e6 fix(settings): AccountSettingsPreferencesCard syntax and remaining kodo 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:12:39 +01:00
senke
33ba8d0612 style(ui): elevate OptimizedImage to SaaS Premium and update test 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:05:38 +01:00
senke
58f5f2a306 style(discover): elevate DiscoverView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:05:04 +01:00
senke
2452ff3239 style(file-details): elevate FileDetailsView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:03:36 +01:00
senke
dda00ad565 style(seller): elevate CreateProductView to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:03:00 +01:00
senke
95b5773477 style(settings): elevate AccountSettings cards to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:02:15 +01:00
senke
900151efc7 style(admin): elevate AdminDashboardView stories to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:01:29 +01:00
senke
f66dd3d638 style(checkout): elevate CheckoutView BillingCard and Header to SaaS Premium 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:01:11 +01:00
senke
f775c00a3b fix(views): remove remaining kodo in Purchases/Cart/Live/Marketplace/Social 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 14:00:55 +01:00
senke
0eb5260c9b style(views): elevate CheckoutView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:46:39 +01:00
senke
ac48d83c99 style(views): elevate LiveView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:45:38 +01:00
senke
cb3abd31e8 style(views): elevate AnalyticsView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:44:52 +01:00
senke
477b9c0fdf style(views): elevate MarketplaceView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:44:12 +01:00
senke
871be67446 style(views): elevate SocialView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:43:31 +01:00
senke
1131390437 style(views): elevate PurchasesView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:42:37 +01:00
senke
b8fb871465 style(views): elevate CartView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:41:56 +01:00
senke
6fadfb722c style(views): elevate SettingsView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:41:19 +01:00
senke
18c8feda19 style(views): elevate EducationView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:40:54 +01:00
senke
972372259f style(views): elevate NotificationsView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:40:29 +01:00
senke
073779116f style(views): elevate AdminView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:40:12 +01:00
senke
3ddf813275 style(views): elevate AuthView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:39:51 +01:00
senke
677163b11f style(views): elevate ChatView to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:39:38 +01:00
senke
6e9bacff54 style(ui): elevate Button to SaaS Premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 09:38:52 +01:00
senke
a5889cb0ac style(ui): elevate visual fidelity to premium standards 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 08:03:28 +01:00
senke
efbf54c526 refactor(web): split EquipmentDetailView into module (nav, gallery, specs, header, warranty, docs, service, skeleton) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 05:46:16 +01:00
senke
43d0d7e129 refactor(web): split ChatView into chat-view module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 03:59:32 +01:00
senke
bdda26ad08 refactor(web): split AuthView into auth-view module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-07 03:53:59 +01:00
senke
c92c8d02a4 refactor(web): split AdminView into admin-view module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 22:31:24 +01:00
senke
bb370397d2 refactor(web): split NotificationsView into notifications-view module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 22:22:47 +01:00
senke
6833df9dc5 refactor(web): split EducationView into education-view module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 22:11:13 +01:00
senke
b736de5dc7 refactor(web): split SettingsView into settings-view module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 21:59:42 +01:00
senke
753191d88b refactor(web): split CartView into cart-view module 
- types: CartViewProps, CartDiscount
- useCartView: useCartStore, showPromo, discount, tax/finalTotal, handleApplyPromo
- CartViewEmpty, CartViewHeader, CartViewSummary, CartViewSecure, CartViewSkeleton
- PromoCodeModal in orchestrator; min-h-[60vh] -> min-h-layout-page-sm
- Stories: Default, Empty, Loading (Skeleton); decorator min-h-layout-page
- Re-export from CartView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 21:49:55 +01:00
senke
d7c462c8cc refactor(web): split PurchasesView into purchases-view module 
- types: PurchasesViewProps, Purchase
- usePurchasesView: commerceService.getPurchases, search, refund, download
- PurchasesViewHeader, PurchasesViewItem, PurchasesViewList, PurchasesViewSkeleton
- RefundRequestModal in orchestrator; Loading renders Skeleton
- Stories: Default, Empty (initialPurchases []), Loading (Skeleton)
- Re-export from PurchasesView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 21:42:35 +01:00
senke
0504810f29 refactor(web): split SocialView into social-view module 
- types: SocialViewProps, SocialTabKey
- useSocialView: feedTracks (trackService.list), activeTab, playTrack
- SocialViewSidebar, SocialViewFeed, SocialViewFeedItem, SocialViewTrending, SocialViewSkeleton
- Loading renders Skeleton; decorator min-h-layout-page
- Re-export from SocialView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 21:34:18 +01:00
senke
c2c98ff535 refactor(web): split MarketplaceView into marketplace-view module 
- types: MarketplaceViewProps, MarketplaceCategory; useMarketplaceView with marketplaceService/fallback
- MarketplaceViewHeader, MarketplaceViewCategories, MarketplaceViewSidebar, MarketplaceViewGrid, MarketplaceViewSkeleton
- allProducts for ProductDetailView similarProducts; min-h-screen -> min-h-layout-page
- Stories: Default, Loading (Skeleton); decorator min-h-layout-page
- Re-export from MarketplaceView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 18:42:16 +01:00
senke
6bdb66743e refactor(web): split AnalyticsView into analytics-view module 
- types: AnalyticsViewProps, DateRangeKey, GlobalStats, TopTrackRow, TrafficSource, DeviceStats, ChartHoverData
- useAnalyticsView: dateRange, stats, topTracks, trafficSources, deviceStats, loading, hoveredData, handleExport
- AnalyticsViewHeader, AnalyticsViewKpiGrid, AnalyticsViewChart, AnalyticsViewOrigins, AnalyticsViewPlatforms, AnalyticsViewTopTracks, AnalyticsViewSkeleton
- Data via analyticsService; loading renders Skeleton
- text-[10px] -> text-xs, tracking-[0.2em] -> tracking-wide
- Stories: Default, Loading (Skeleton); decorator min-h-layout-page
- Re-export from AnalyticsView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 18:33:42 +01:00
senke
937ec45660 refactor(web): split LiveView into live-view module 
- types.ts: LiveViewProps, LiveViewChatMessage; mockData: FEATURED_STREAM, CHAT_MESSAGES
- useLiveView: stream, chatMessages, msgInput, handleSend, addToast
- LiveViewPlayer, LiveViewStreamInfo, LiveViewRecommended, LiveViewChat, LiveViewSkeleton
- Layout h-[calc(100vh-120px)] -> min-h-layout-main; text-[10px] -> text-xs
- Stories: Default, Loading (Skeleton); decorator min-h-layout-page
- Re-export from LiveView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 18:15:41 +01:00
senke
e172d67292 refactor(web): split CheckoutView into checkout-view module 
- types.ts: CheckoutViewProps, CheckoutFormState, INITIAL_CHECKOUT_FORM
- useCheckoutView: form state, cart/tax, handlePurchase, onComplete
- CheckoutViewHeader, CheckoutViewBillingCard, CheckoutViewPaymentCard,
  CheckoutViewOrderSummary, CheckoutViewSkeleton
- CheckoutView orchestrator; re-export from CheckoutView.tsx
- Stories: Loading (Skeleton), Default, Processing, Success
- Decorator min-h-screen -> min-h-layout-page

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 18:04:13 +01:00
senke
fb3e5ceb5b refactor(web): split AdminDashboardView into admin-dashboard-view module 
- types: DashboardStats, UploadItem, AuditLogItem, StatCardProps, Report
- useAdminDashboardView: fetchData, handleAction, triggerProtocol
- Header, StatCard, TrafficCard, ProtocolsCard, NodeHealthCard, Tabs
- AdminDashboardSkeleton for Loading state
- max-w-layout-content, text-xs, gap-0.5 (no arbitrary values)
- Stories: Default, Loading (Skeleton). Decorator min-h-layout-page
- Re-export from AdminDashboardView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 17:54:02 +01:00
senke
4ef6ed9c3b refactor(web): split AccountSettings (components/settings/account) into module 
- account-settings/types: AccountSettingsUserMock, AccountSettingsToggles
- useAccountSettingsPage: view, modals, user, toggles, theme, setThemeOption
- IdentityCard, PreferencesCard, NotificationsCard, PrivacyCard, DangerCard
- AccountSettingsSkeleton for Loading state
- Privacy labels text-xs (no text-[10px])
- Theme selection: isOptionSelected(theme, variant)
- Stories: Default, Loading (Skeleton). Decorator min-h-layout-page
- Re-export from AccountSettings.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 17:42:57 +01:00
senke
a164ffa214 refactor(web): split CreateProductView into create-product-view module 
- types.ts: LicenseConfig
- useCreateProductView: form state, updateLicense, handlePublish, handleSaveDraft
- CreateProductViewHeader, CoverCard, FilesCard, DetailsCard, PricingCard
- CreateProductViewSkeleton for Loading state
- Textarea min-h-24 (no arbitrary value)
- MSW: POST marketplace/products for Storybook
- Stories: Default, Loading (Skeleton)
- Re-export from CreateProductView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 14:16:38 +01:00
senke
162a3bf0a7 refactor(web): split FileDetailsView into file-details-view module 
- types.ts: FileDetailsViewProps, ActivityItem, VersionItem
- mockData.ts: MOCK_ACTIVITY, MOCK_VERSIONS, getMockFile
- useFileDetailsView.ts: hook returning file, activity, versions
- FileDetailsViewHeader, Preview, Metadata, Activity, Versions, Storage
- FileDetailsViewSkeleton for Loading state
- Layout: min-h-layout-page-sm, badge text-xs
- Imports use @/ for Storybook resolution
- Stories: Default, Loading (Skeleton)
- Re-export from FileDetailsView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 14:05:44 +01:00
senke
9c58ff7818 refactor(web): split VirtualizedList into virtualized-list module 
- virtualized-list/types.ts: VirtualizedListProps
- virtualized-list/useInfiniteScroll.ts: useInfiniteScroll hook
- virtualized-list/useScrollPosition.ts: useScrollPosition hook
- virtualized-list/VirtualizedList.tsx: main component
- Re-export from virtualized-list.tsx via ./virtualized-list/index
- Test mock extended with getTotalSize, measureElement, key on virtual items
- 4 tests pass

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 13:55:06 +01:00
senke
c17c975b59 refactor(views): decompose DiscoverView into discover-view module 
- Add discover-view/ with useDiscoverView, Hero, Trending, NewReleases, Genres, Skeleton, Error
- Re-export DiscoverView from DiscoverView.tsx
- Loading: Skeleton instead of h-[50vh] spinner; Error: min-h-layout-page-sm
- Conformity: UPDATED badge text-[10px] -> text-xs
- Stories: Default, Loading (Skeleton), Error

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 13:19:25 +01:00
senke
98f01e60fe refactor(social): GroupDetailView module, useGroupDetailView, Header, Members, Events, Sidebar, Skeleton, stories 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 12:34:57 +01:00
senke
1b4caba44b refactor(settings): EditProfile module, useEditProfile, ImagesCard, IdentityCard, Sidebar, Skeleton, cropUtils, stories 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 11:45:16 +01:00
senke
3811df2961 refactor(forms): FormBuilder module, useFormBuilder, FormBuilderFieldWidget, re-export, stories, a11y id 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 11:36:20 +01:00
senke
31b3c2e712 refactor(monitoring): MonitoringDashboardContent split into Header, Stats, ValidationCard, ErrorsCard, PerformanceCard 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 11:27:54 +01:00
senke
85c88c5143 refactor(data): Table module, useTable, TableHeadRow, TableBodyRows, re-export, stories, tests 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 11:22:47 +01:00
senke
eead265786 refactor(ui): tooltip module, useTooltip, re-export, tests 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 10:32:14 +01:00
senke
cb58101137 refactor(ui): tabs module, re-export 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 10:12:33 +01:00
senke
80cc76212a refactor(ui): accordion module, re-export 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 02:33:10 +01:00
senke
9f78576389 refactor(ui): dropdown-menu module, dropdown controlled open, re-export 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 02:27:29 +01:00
senke
7b5796a3b6 refactor(views): StudioView module, re-export, stories 
- Module studio-view: types, useStudioView, Header, Sidebar, NavButton,
  Content, ProjectsSwitch, Skeleton, orchestrator StudioView
- Re-export from StudioView.tsx
- Stories: Default, Projects, Loading (Skeleton); decorator min-h-layout-main
- Fix: h-[calc(100vh-140px)] -> min-h-layout-main, w-[65%] -> w-2/3

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 02:17:36 +01:00
senke
38894d8a1d refactor(studio): CloudSettingsView module, re-export, stories 
- Module cloud-settings-view: types, useCloudSettingsView, Quota,
  Preferences, Skeleton, orchestrator CloudSettingsView
- Re-export from CloudSettingsView.tsx
- Stories: Default, Loading (Skeleton); decorator min-h-layout-page

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 02:11:33 +01:00
senke
f724b63e38 refactor(studio): AIToolsView module, re-export, stories 
- Module ai-tools-view: types, constants (AI_TOOLS), useAIToolsView,
  ToolGrid, Workspace, Skeleton, orchestrator AIToolsView
- Re-export from AIToolsView.tsx
- Stories: Default, Loading (Skeleton); decorator min-h-layout-page,
  no local ToastProvider (use StorybookDecorator)
- Fix: text-[10px] -> text-xs, min-h-[400px] -> min-h-layout-page-sm

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 02:07:05 +01:00
senke
e2f30ee28a refactor(studio): ConnectivityView module, re-export, stories 
- Module connectivity-view: types, useConnectivityView, WebDAV, Webhooks,
  Skeleton, orchestrator ConnectivityView
- Re-export from ConnectivityView.tsx
- Stories: Default, Loading (Skeleton); decorator min-h-layout-page
- Fix: text-[10px] -> text-xs (Mount Password hint)

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 02:02:00 +01:00
senke
bdcbf277e8 refactor(studio): GoLiveView module, re-export, stories 
- Module go-live-view: types, useGoLiveView, Header, Preview, StreamInfo,
  EncoderSetup, QuickInstructions, MicLevel, Skeleton, orchestrator
- Re-export from GoLiveView.tsx
- Stories: Default, Loading (Skeleton); decorator min-h-layout-main
- Fix: text-[10px] -> text-xs, w-[60%] -> w-3/5

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 01:57:22 +01:00
senke
946b6721b3 refactor(studio): CreateProjectModal module, re-export, stories 
- Module create-project-modal: types, useCreateProjectModal, Header,
  Form, Footer, Skeleton, orchestrator CreateProjectModal
- Re-export from projects/CreateProjectModal.tsx
- Stories: Default, Loading (Skeleton); decorator min-h-layout-story

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 01:51:25 +01:00
senke
41ba59a75f refactor(studio): ProjectsManager module, re-export, stories 
- Module projects-manager: types, useProjectsManager, Header, FilterBar,
  Card, AddCard, Empty, Skeleton, orchestrator ProjectsManager
- Re-export from studio/ProjectsManager.tsx
- Stories: Default, Loading (Skeleton), Empty; decorator min-h-layout-main

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 01:44:40 +01:00
senke
3886061ec9 refactor(settings): TwoFactorSetup module, re-export, stories 
- Module two-factor-setup: types, useTwoFactorSetup, Header, Step1/2/3, Skeleton
- Re-export from TwoFactorSetup.tsx
- Stories: Default, Step1, Step2, Loading (Skeleton), Error (MSW)
- Decorator: min-h-layout-page-sm

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 01:25:43 +01:00
senke
6fb8745efa refactor(views): UploadView module, re-export, stories 
- Module upload-view: types, useUploadView, Stepper, Step1/2/3, Skeleton
- Layout: min-h-layout-page, max-h-96 (no arbitrary values)
- Re-export from UploadView.tsx
- Stories: Default, Loading (Skeleton), Empty, Error

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 01:12:24 +01:00
senke
01bca2fe08 refactor(notifications): NotificationMenu module with hook, subcomponents, skeleton 
- Add notification-menu/ with useNotificationMenu, Trigger, Dropdown, List, Item, Skeleton
- Dropdown max-h-96 (no arbitrary max-h-[500px])
- Props notificationsOverride, isLoadingOverride, errorOverride for Storybook
- Re-export from NotificationMenu.tsx
- Stories: Default, Loading, Empty, Error, Skeleton

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-06 00:07:19 +01:00
senke
423b9adb8e refactor(education): CourseDetailView module with hook, subcomponents, skeleton 
- Add course-detail-view/ with useCourseDetailView, Header, Tabs, Sidebar, Skeleton
- Stories: Default, Loading (Skeleton), Empty, Enrolled
- Re-export from CourseDetailView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 23:52:24 +01:00
senke
58cd96fe2e refactor(education): CourseLearningView module with hook, subcomponents, skeleton 
- Add course-learning-view/ with useCourseLearningView, Header, Player, Tabs, Sidebar, Skeleton
- Layout min-h-layout-main, no arbitrary values
- Re-export from CourseLearningView.tsx
- Stories: Default, Loading (Skeleton), Empty, Complete

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 23:45:58 +01:00
senke
ab67b3b256 refactor(marketplace): split ProductDetailView into module (Header, Gallery, Info, Licenses, Description, Reviews, Similar, Skeleton) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 23:38:09 +01:00
senke
9aa1549bc7 refactor(studio): split ProjectDetailView into module (Header, Tabs, Overview, Files, Settings, Sidebar, Skeleton) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 23:24:39 +01:00
senke
a056db91fe refactor(ui): extract Dialog into dialog module 
- Add dialog/ with types, Dialog, DialogHeader, DialogBody, DialogFooter,
  DialogContent, DialogDescription, DialogTitle, DialogTrigger, DialogSkeleton
- Re-export from dialog.tsx via dialog/index for backward compatibility
- Stories: Default, Alert, Composition (max-w-md), Loading (DialogSkeleton)
- Test: assert Kodo destructive classes (text-kodo-red) for alert variant

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:59:48 +01:00
senke
48ddd42182 refactor(player): extract AudioPlayer into audio-player module 
- types, useAudioPlayerEffects, AudioPlayerTrackInfo, AudioPlayerControls
- AudioPlayerProgress, AudioPlayerVolume, AudioPlayerSkeleton
- Stories: Default (mock store), Skeleton
- Re-export from AudioPlayer.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:40:06 +01:00
senke
44eb0e142f refactor(ui): extract DataList into data-list module 
- types, DataListSkeleton, DataListEmpty, DataListError, DataList
- Remove duplicate Modal/Dropdown from DataList.tsx (exist in modal.tsx/dropdown.tsx)
- Stories: Default, Loading, Empty, Error, Skeleton (min-h-layout-story)
- Re-export from DataList.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:35:53 +01:00
senke
db39d87955 refactor(ui): extract OptimizedImage into optimized-image module 
- types, generateImageSources, BlurPlaceholder, useImageFormatSupport
- OptimizedImage, OptimizedImageSkeleton, useImagePreloader, ResponsiveImage
- Stories: Default, WithPlaceholder, ErrorState, Loading (skeleton)
- Re-export from optimized-image.tsx; tests adapted to loading state

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:31:35 +01:00
senke
15d31cf793 fix(ui): call onAvatarUpdated('') after successful avatar delete 
Ensures parents that rely on onAvatarUpdated get the empty URL when
avatar is removed. Aligns with profile feature test contract.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:24:50 +01:00
senke
c4111ac059 refactor(ui): extract AvatarUpload into avatar-upload module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:21:02 +01:00
senke
38eab5c205 refactor(ui): extract DatePicker into date-picker module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:15:11 +01:00
senke
c30049e215 refactor(share): extract ShareLinkManager into share-link-manager module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 22:09:31 +01:00
senke
aec92086dd refactor(monitoring): extract MonitoringDashboard into monitoring-dashboard module 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:57:39 +01:00
senke
bc7eabdbbe refactor(views): extract FileManagerView into file-manager-view module 
- Add file-manager-view/ with useFileManagerView, Header, Toolbar, Table, Grid,
  Empty, Skeleton; types and mockFiles
- Layout primitives (min-h-layout-page-sm), no arbitrary values
- Stories: Default, Loading, Empty
- Re-export from FileManagerView.tsx

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:45:01 +01:00
senke
796745f57f fix(views): use layout primitive in NotificationsView loading state 
Replace arbitrary h-[50vh] with min-h-layout-page-sm per .cursorrules

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:32:33 +01:00
senke
9dde2eec55 chore(studio): remove legacy CloudFileBrowser from components/studio 
CloudFileBrowser lives in features/studio/components/cloud-file-browser/.
StudioView already imports from there.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:20:36 +01:00
senke
b20c9f4c6f test(ui): add Select stories (Default, Empty, Disabled, Grouped, MultiSelect), fix tests for listbox/option 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:16:30 +01:00
senke
bf50ee4588 refactor(ui): decompose Select into select module 
- Add select/ with useSelect, types, SelectTrigger, SelectDropdownContent,
  SelectOptionItem; min-w-48 max-h-72 (no arbitrary values)
- Remove monolithic select.tsx; entry point is select/index.ts
- Backward compatible: imports from './select' resolve to module

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:16:19 +01:00
senke
53a97148e3 test(ui): add FileUpload stories (Default, Empty, Error, Disabled, etc.) 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:09:21 +01:00
senke
0eda9232df refactor(ui): decompose FileUpload into file-upload module 
- Add file-upload/ with useFileUpload, types, utils, and presentational
  components: FileUploadDropzone, FileUploadErrorList, FileUploadFileList
- Remove monolithic file-upload.tsx; entry point is file-upload/index.ts
- Backward compatible: imports from './file-upload' resolve to module

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 21:09:08 +01:00
senke
1f2e59af8d test(ui): add LazyErrorFallback and LazyComponent stories; fix LazyComponent tests for fallback text 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:49:17 +01:00
senke
df6c9c3d2b refactor(ui): decompose LazyComponent into lazy-component module with LazyErrorFallback, LazyErrorBoundary, createLazyComponent 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:48:36 +01:00
senke
cc6b77aff4 test(views): add GearView stories Default, Loading, Empty, Error and GearViewSkeleton 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:38:59 +01:00
senke
260a787da6 refactor(views): decompose GearView into gear-view module with useGearView and sub-components 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:38:45 +01:00
senke
d1044b22d4 test(views): add ProfileView stories Default, Loading, Error and ProfileViewSkeleton 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:30:50 +01:00
senke
5485415113 refactor(views): decompose ProfileView into profile-view module with hook and sub-components 
Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 20:30:36 +01:00
senke
b8f181c801 test(search): add stories Loading/Empty/Error and fix Search tests 
- Stories: Loading, Empty, Error; decorator max-w-2xl min-h-layout-story
- SearchSkeleton.stories; fix tests: waitFor, Enter for history, keyboard nav query

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 19:45:52 +01:00
senke
6677455721 refactor(search): decompose Search into sub-components 
- Add features/search/components/search: types, useSearchSuggestions,
  SearchInput, SearchDropdown, SearchSkeleton
- Search.tsx orchestrator; re-export from components/search for GlobalSearchBar
- No console.log; logger only; layout primitives in stories

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 19:45:41 +01:00
senke
7a0d45dbb1 feat(ui): implement skeleton-first loading and grid/list orchestration for CloudFileBrowser 2026-02-05 19:04:03 +01:00
senke
23bbcb1632 feat(ui): implement grid/list view orchestration with synchronized skeletons for GearView 2026-02-05 18:18:13 +01:00
senke
c8b640263d chore(dx): add .cursorrules and design system audit documentation 2026-02-05 14:20:06 +01:00
senke
4a0b809ed2 docs(storybook): final comparison 67%→0%, contract update, silent toasts in Storybook 2026-02-05 13:39:59 +01:00
senke
0c6c1685b8 chore(storybook): reclassify story hierarchy (App/Pages, Layouts, UI, Features, Docs/Failures) and enable autodocs 2026-02-05 13:21:54 +01:00
senke
97c77a1925 refactor(storybook): remove duplicate providers from stories (Phase 2) 
Stories no longer wrap with QueryClientProvider, ToastProvider,
ThemeProvider, or MemoryRouter; global StorybookDecorator provides them.
- Route-specific pages use parameters.router.initialEntries
  (ResetPasswordPage, VerifyEmailPage) or minimal MemoryRouter+Route
  where useParams is needed (TrackDetailPage, PlaylistDetailPage).
- Stories that seeded query cache use useQueryClient() from global
  decorator (FollowButton, CollaboratorManagement, CommentSection).
- Navbar, AuthLayout, DashboardLayout, Header, and 25+ story files
  simplified to layout divs only.

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 13:08:17 +01:00
senke
c63d792bf0 fix(storybook): mark ErrorBoundary error stories for audit allowlist 
WithError and WithCustomFallback set parameters.storybookAudit.expectConsoleErrors
so audit/CI can treat their console errors as intentional (failure demo).

Co-authored-by: Cursor <cursoragent@cursor.com>
 2026-02-05 12:17:50 +01:00
senke
7b1ec1fb12 fix(storybook): remediate crashes and improve mock stability 
- Add global AuthProvider and QueryClientProvider
- Fix Loader2 reference error in CommentThread
- Fix coverUrl crash in ProductCard
- Fix double-slash URL bug in logger
- Improve MSW handlers and environment config
 2026-02-04 19:33:00 +01:00
senke
d2ae91ac25 chore(storybook): improve configuration and cleanup 2026-02-04 00:44:40 +01:00
senke
a2576c4eae stabilisation: fix commit 2026-02-03 09:56:11 +01:00
senke
963fdf4f53 refactor(cart): migrate CheckoutView and MarketplaceView to useCartStore and fix stories 2026-02-03 09:50:51 +01:00
senke
3c30449a47 refactor(cart): migrate CartView and CartItem to useCartStore 2026-02-03 09:46:01 +01:00
senke
470c5a99df refactor(cart): migrate Navbar to useCartStore and remove CartProvider decorator 2026-02-03 09:42:59 +01:00
senke
483710086b refactor(cart): migrate WishlistView to useCartStore 2026-02-03 09:40:54 +01:00
senke
e810d67788 feat(storybook): complete comprehensive ui coverage for auth, player, tracks, and groups 2026-02-02 20:55:57 +01:00
senke
7ec9cb9cd6 feat(storybook): complete UI coverage with Batches 26-30 
- Batch 26 (Tracks List/Grid): added stories for row, grid, sort, toggle, skeleton, empty states.
- Batch 27 (Dashboard): added stories for ActivityGraph, TrackList widget.
- Batch 28 (Education): added stories for CourseCard, MyCoursesView, QuizModal, CertificateModal.
- Batch 29 (Inventory): added stories for EquipmentCard, InventoryView.
- Batch 30 (Seller/Live): added stories for SellerDashboardView, FlashSaleModal, LiveStreamDetailView, TipStreamerModal.
- Verified build and fixed AudioProvider/service dependencies.
 2026-02-02 20:47:47 +01:00
senke
962aff677f feat(storybook): add stories for Auth, Player, Tracks, Dashboard (Batches 22-25) 
- Batch 22 (Auth/Settings): OAuthButtons, PasswordStrengthIndicator, ThemeSwitcher, TwoFactorSettings
- Batch 23 (Player): TimeDisplay, RepeatShuffleButtons, NextPreviousButtons, QualitySelector
- Batch 24 (Tracks): LikeButton, TrackFilters, TrackStatsDisplay
- Batch 25 (Dashboard): StatCard
- Fixed build issues with sonner dependencies.
 2026-02-02 20:42:51 +01:00
senke
2e8dbb74d5 feat(storybook): add stories for Feedback and Playlist components (Batches 20-21) 
- Batch 20 (Feedback): Alert, Toast
- Batch 21 (Playlists): PlaylistCard, PlaylistHeader, AddTrackToPlaylistModal
- Verified successful build.
 2026-02-02 20:38:52 +01:00
senke
d2601cf9ff feat(storybook): add stories for Social, Notifications, and Modals (Batches 17-19) 
- Batch 17 (Social): PostCard, CommentItem
- Batch 18 (Notifications): NotificationItem, NotificationBell, NotificationMenu
- Batch 19 (Modals): CreatorModal
- Fix: remove duplicate import in api.ts
- Verified successful build.
 2026-02-02 20:33:45 +01:00
senke
535cf646ea feat(storybook): achieve total UI coverage (Batches 13-16) 
- Batch 13 (Library/Profile): UploadModal, FollowButton
- Batch 14 (Settings): AccountSettings, NotificationSettings
- Batch 15 (Layout): DashboardLayout, Header, Sidebar
- Batch 16 (Search): SearchBar, Search
- Verified successful build of all stories.
 2026-02-02 20:29:46 +01:00
senke
ba24e4c133 feat(storybook): complete UI component coverage (batches 6-9) 
- Batch 6: FAB, FormField, FloatingInput, AvatarUpload
- Batch 7: Modal, ConfirmationDialog, ImageViewerModal, ErrorDisplay, LoadingState
- Batch 8: DataList, WaveformVisualizer, OptimizedImage, VirtualizedList
- Batch 9: ImageCropper, LoadingSpinner, FocusTrap
- Achieved total coverage for src/components/ui
 2026-02-02 19:50:45 +01:00
senke
5024ff0e0b feat(storybook): expanded coverage for visual and feedback components (batch 5) 
- Added stories for: Spinner, KodoEmptyState, HelpText, AstralBackground
- Increased coverage for utility and visual components
 2026-02-02 19:46:27 +01:00
senke
ba5b8a9abd feat(storybook): expanded coverage for structural components (batch 4) 
- Added stories for: Label, Skeleton, ScrollArea, Toast, Collapsible, Sidebar
- Covered layout and feedback components
 2026-02-02 19:44:58 +01:00
senke
affc628722 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
62683f1a17 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
91055ee07b 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
ad60247f33 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
62a6b3a528 improving UI: improve audio player phase 1 2026-01-26 19:18:52 +01:00
senke
f61c0c3dcc improving UI: adding API doc to Developer Page 2026-01-26 14:12:17 +01:00