chihlasm
f4ce1595d6
feat: implement monochrome design system across entire frontend
...
Migrate all 84 frontend files from the old themed/colored design to a
monochrome glass-morphism design system. Pure black backgrounds, white
text with opacity levels, glass-card components with backdrop-blur, and
functional color reserved for status indicators only.
Foundation: remap CSS variables to monochrome, simplify Tailwind config,
remove theme toggle, convert brand logo/wordmark to white. Pages: all
14 pages updated. Components: all common, library, session, step-library,
tree-editor, tree-preview, admin, and subscription components converted.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com >
2026-02-09 21:41:29 -05:00
chihlasm
f2ae3a51fa
fix: resolve all 15 frontend ESLint errors for green CI
...
- Replace setState-in-effect with state-based tracking (AdminLayout, EditCategoryModal)
- Convert inline SortIcon component to getSortIcon function (TreeTableView)
- Remove unused catch parameters (CreateCategoryModal, EditCategoryModal)
- Replace `any` types with proper types (SessionFilters, AdminCategoriesPage, SessionHistoryPage)
- Fix unused destructuring variable (StepRatingModal)
- Fix constant binary expression in test (utils.test.ts)
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com >
2026-02-08 18:43:16 -05:00
Michael Chihlas
996b664ca9
feat: implement My Trees, admin UI, rating modal, and bundle optimization (Issues #15 , #18 , #19 , #31 )
...
Frontend features:
- My Trees personal dashboard with fork tracking (Issue #15 )
- Tree sharing UI with token generation and copy (Issue #16 )
- Draft tree badges and validation UI (Issue #25 )
- Save session as tree modal (Issue #17 )
- Rate/review modal with localStorage tracking (Issue #19 )
- Admin category management with drag-and-drop (Issue #18 )
- Bundle size optimization with code splitting (Issue #31 )
Components created:
- MyTreesPage: Personal tree organization
- AdminCategoriesPage: Category CRUD with @dnd-kit
- ShareTreeModal: Tree sharing interface
- SaveSessionAsTreeModal: Session conversion UI
- StepRatingModal: Post-session rating with stars
- StarRating: Reusable rating component
- PageLoader: Loading fallback for lazy routes
- CreateCategoryModal, EditCategoryModal: Admin modals
Bundle optimization:
- Reduced from 892 KB to 221 KB (75% reduction)
- Dynamic imports for 9 heavy pages
- Vendor chunk splitting for optimal caching
- 6 separate vendor chunks (react, markdown, utils, dnd, icons, state)
Dependencies added:
- @dnd-kit/core, @dnd-kit/sortable, @dnd-kit/utilities
API clients:
- stepCategories: Full CRUD for admin
- Enhanced sessions: saveAsTree endpoint
- Enhanced trees: share, fork, canPublish endpoints
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com >
2026-02-07 23:06:46 -05:00
