veza/apps/web/src/features/studio/components/cloud-file-browser
senke 18e94ce6f0 feat(ui): table polish + mobile bottom navigation
Table improvements (8 files):
- Sticky headers: bg-background/95 backdrop-blur-sm on all thead elements
- Sort indicators: SortableTableHead with ChevronsUpDown/ChevronUp/ChevronDown
- Row hover: hover:bg-muted/50 duration-150 with active state
- Borders softened: border-border/50, last row no border
- Header typography: text-xs font-medium uppercase tracking-wider
- Consistent cell padding: px-4 py-3 for body, px-4 py-2.5 for headers
- Applied to: ui/table, data/table, TrackList, TrackListRow, FileManager, studio files

Mobile bottom navigation:
- New MobileBottomNav component (5 items: Home, Search, Library, Chat, Profile)
- Only visible on mobile (lg:hidden), z-40 below player
- 48px touch targets, safe-area-inset-bottom for iPhone
- Active state with primary color + top indicator bar
- Integrated into Layout with pb-20 lg:pb-0 main padding
- Header touch target fix: theme toggle min-h-10 min-w-10

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-09 23:37:25 +01:00
..
CloudFileBrowser.stories.tsx style(stories): replace kodo decorators with design tokens in all story files 2026-02-07 15:10:32 +01:00
CloudFileBrowser.tsx refactor(studio): modularize CloudFileBrowser with FileTable, FileGrid and FileToolbar 2026-02-05 19:04:00 +01:00
CloudFileBrowserSkeleton.stories.tsx style(stories): replace kodo decorators with design tokens in all story files 2026-02-07 15:10:32 +01:00
CloudFileBrowserSkeleton.tsx ui(tokens): migrate border-kodo-steel to border-border (86 files, 269 instances) 2026-02-09 00:07:00 +01:00
FileGrid.stories.tsx style(stories): replace kodo decorators with design tokens in all story files 2026-02-07 15:10:32 +01:00
FileGrid.tsx style(studio): elevate CloudFileBrowser to SaaS Premium 2026-02-07 15:20:44 +01:00
FileGridCard.stories.tsx style(stories): replace kodo decorators with design tokens in all story files 2026-02-07 15:10:32 +01:00
FileGridCard.tsx ui(tokens): complete text-kodo-content-dim → text-muted-foreground migration (52 files) 2026-02-09 00:04:51 +01:00
FileTable.stories.tsx style(stories): replace kodo decorators with design tokens in all story files 2026-02-07 15:10:32 +01:00
FileTable.tsx feat(ui): table polish + mobile bottom navigation 2026-02-09 23:37:25 +01:00
FileTableRow.stories.tsx style: fix leftover kodo in ProfileView, FileTableRow.stories, FocusTrap.stories 2026-02-07 15:17:47 +01:00
FileTableRow.tsx feat(ui): table polish + mobile bottom navigation 2026-02-09 23:37:25 +01:00
FileToolbar.stories.tsx style(stories): replace kodo decorators with design tokens in all story files 2026-02-07 15:10:32 +01:00
FileToolbar.tsx feat(ui): tooltip adoption + search highlighting & skeleton loading 2026-02-09 23:14:00 +01:00
index.ts refactor(studio): modularize CloudFileBrowser with FileTable, FileGrid and FileToolbar 2026-02-05 19:04:00 +01:00
mockFiles.ts refactor(studio): modularize CloudFileBrowser with FileTable, FileGrid and FileToolbar 2026-02-05 19:04:00 +01:00
types.ts refactor(studio): modularize CloudFileBrowser with FileTable, FileGrid and FileToolbar 2026-02-05 19:04:00 +01:00