Tags: ADMIN SETTINGS REDESIGN, API DOCUMENTATION, SOCIAL LINKS, BUG FIXES, PERFORMANCE
## Overview
Version 6.0.2 focuses on a complete redesign of the admin settings experience across all extensions, introduces a new interactive API documentation system, adds dynamic social link management, improves the notification center, and delivers important bug fixes for homepage stability and notification sounds.
## 🚀 Major New Features
### Unified Admin Settings System
A completely redesigned settings system that provides a consistent, modern experience across all admin settings pages:
- Unified Settings Component: All extension settings pages now share a common, beautifully designed interface
- Tab-Based Organization: Settings are organized into logical tabs with smooth animations and visual indicators
- Field Type Support: Support for switches, text inputs, numbers, ranges, URLs, selects, file uploads, and custom components
- Quick Stats Badges: Each tab shows at-a-glance counts of toggles, selects, and other field types
- Conditional Fields: Settings can show/hide based on other setting values
- Real-Time Validation: Instant feedback on setting changes with unsaved changes tracking
- Responsive Design: Fully responsive layout that works on all screen sizes
### New Interactive API Documentation
Replaced the old Swagger UI with a brand new, custom-built API documentation system:
- Modern Interface: Clean, intuitive interface with collapsible endpoint groups
- Interactive Playground: Test API endpoints directly from the documentation
- Code Generation: Auto-generated code examples in multiple languages:
- cURL
- JavaScript (Fetch)
- Python (Requests)
- PHP
- Go
- Ruby
- Schema Visualization: Interactive schema viewer showing request/response structures
- Search & Filter: Quick search to find endpoints by name, path, or description
- Method Badges: Color-coded badges for GET, POST, PUT, DELETE methods
- Copy to Clipboard: One-click copy for all code examples
- Dark Mode Support: Full dark mode support matching the platform theme
### Dynamic Social Links Management
- Custom Social Links: Administrators can now add, edit, and remove social links from the footer
- Icon Library: Pre-built icons for popular platforms (Twitter, Facebook, Instagram, LinkedIn, Telegram, Discord, GitHub, Reddit, TikTok, YouTube)
- Custom Icons: Support for custom icon URLs for any platform
- Drag & Drop Ordering: Reorder social links with intuitive drag and drop
- Live Preview: See changes instantly in the footer preview
### Extension Landing Page Footer
All extension landing pages now feature the main site footer SiteFooter) for better navigation:
- Consistent Footer: Landing pages for all extensions (staking, affiliate, copy-trading, etc.) show the full site footer
- Subpage Footer: Non-landing pages within extensions show the standard dashboard footer
- Reusable Wrapper: New ExtensionLayoutWrapper component handles footer logic based on current path
- Custom Subpage Footers: Extensions can optionally provide their own custom footer for subpages (e.g., NFT's minimal footer)
## Extension Settings Redesigned
All extension admin settings pages have been redesigned with the new unified system:
### System Settings
- Modern tabbed interface with General, Features, Wallet, Social, and Logos tabs
- Logo field with preview and size recommendations
- Social links management integrated
### Blog Settings
- Reorganized into General, Features, Display, Comments, and Notifications tabs
- Cleaner layout with better field groupings
### Affiliate Settings
- New MLM levels editor with visual tier management
- Commission settings with percentage sliders
- Referral tracking configuration
### AI Market Maker Settings
- Trading parameters with range sliders
- Risk management settings
- Emergency actions panel for quick interventions
### Copy Trading Settings
- Leader and follower configuration tabs
- Commission and fee settings
- Risk management controls
### E-commerce Settings
- Product display options
- Checkout configuration
- Inventory management settings
### Gateway Settings
- Wallet types selector with currency configuration
- Fee and limit management
- Webhook retry settings
### NFT Marketplace Settings
- Trading fees with percentage sliders
- Content moderation settings
- Verification requirements
### P2P Trading Settings
- Minimum trade amounts by currency
- Payment method configuration
- Dispute resolution settings
### Staking Settings
- Pool creation parameters
- Reward distribution settings
- Lock period configuration
## Bug Fixes
### Homepage Stability
- Fixed Scroll Animation Error: Resolved "Target ref is defined but not hydrated" error that occurred when navigating to the homepage
- Mobile App Section Fix: Fixed the same hydration issue in the mobile app section's parallax animations
- Smoother Transitions: Page transitions no longer cause animation-related errors
### Notification Sound Glitch
- Fixed Audio Glitch on Page Load: Notification sound no longer makes a brief glitch sound when pages load
- Lazy Audio Loading: Sound files are now loaded only after user interaction, preventing autoplay issues
- Silent Unlock: Audio system unlocks silently without playing any audible sound
- Better Browser Compatibility: Improved handling for iOS Safari and other restrictive browsers
### Settings Quick Stats
- Fixed Empty Badges: Settings tabs no longer show "0 toggles" or "0 selects" badges when there are no fields of that type
- Conditional Display: Badges only appear when there are actual fields to count
### Rich Text Editor
- Simplified Editor Component: Streamlined the editor component for better performance
- Removed Quill Dependency: Editor now uses a lighter-weight implementation
### Notification Page
- Filter Spacing: Fixed "1Active filter" text to properly show space between count and word
## UI/UX Enhancements
### Notification Center Redesign
The notification page has been completely revamped with modern UI patterns:
- Sticky Headers with IntersectionObserver: Date headers stick to the top when scrolling, with smooth transitions as new dates come into view
- Custom Tab System: Replaced standard tabs with custom Framer Motion animated tabs featuring layoutId for smooth indicator transitions
- Filter Chips: Modern filter chip interface for selecting notification types
- Improved Mobile Experience: Better responsive design with optimized spacing and touch targets
- Enhanced Visual Hierarchy: Clear separation between notification groups with improved typography
### Footer Redesign
- Dynamic Content: Footer now dynamically shows/hides sections based on enabled extensions
- Social Links Integration: Custom social links from settings appear automatically
- Better Organization: Cleaner layout with improved navigation links
- Responsive Grid: Better mobile layout with proper stacking
### Admin Settings Pages
- Consistent Design Language: All settings pages now share the same visual style
- Animated Transitions: Smooth tab transitions and field animations
- Better Error States: Clear error indicators and validation messages
- Loading States: Skeleton loaders while settings are being fetched
### API Documentation Page
- Sidebar Navigation: Collapsible sidebar with endpoint grouping
- Sticky Headers: Endpoint headers stay visible while scrolling
- Response Examples: Formatted JSON response examples
- Parameter Tables: Clear tables showing required and optional parameters
## Performance Improvements
### Settings System
- Reduced Bundle Size: Removed redundant per-extension setting components
- Shared Components: Single set of reusable components for all settings pages
- Optimized Re-renders: Better memoization in settings forms
### API Documentation
- Removed Swagger UI: Replaced heavy Swagger UI bundle with lightweight custom implementation
- On-Demand Loading: Documentation content loads as needed
- Cached OpenAPI Spec: API specification is cached to reduce server load
### Notification System
- Lazy Audio Initialization: Audio element created without source until needed
- Throttled Playback: Prevents audio spam with 1-second minimum between sounds
- Memory Efficient: Audio resources properly cleaned up
This is a major version release that requires migration from V5 to V6. Before upgrading: 1. Create a complete backup of your database and files 2. Follow the V5→V6 migration guide available in the documentation 3. Review the migration checklist to ensure all steps are completed 4. Test thoroughly in a staging environment before deploying to production For detailed migration instructions, visit the [V5 to V6 Migration Guide](https://docs.mashdiv.com/#migration-guide§ion=v5-to-v6).
Important: Migration Required
Overview
Version 6.0.0 represents a comprehensive redesign of Bicrypto's user interface and management systems. This release focuses on delivering a unified, modern, and highly responsive experience across all platform components with enhanced navigation, improved performance, and streamlined content management.
Navigation & UI Framework
Unified Navigation System
- Consolidated Navigation Architecture: Merged core and extension navigation systems into a single, cohesive framework
- Extension Color Schemas: Implemented unique color theming for each extension, providing visual distinction and improved navigation context
- Responsive Menu System: Completely redesigned menus across core and all extensions for better mobile responsiveness and accessibility
- Mega Menu Redesign: Rebuilt mega menu components with modern layouts and improved information hierarchy
Wallet Integration
- Navigation Wallet Button: Added dedicated wallet button in navigation bar with real-time balance display
- Portfolio Overview: Integrated PnL (Profit & Loss) tracking directly in navigation for quick portfolio monitoring
- Multi-Currency Display: Shows balances across all wallet types with instant access to detailed views
Management System Enhancements
Datatable Revolution
- 114 Datatable Redesigns: Completely rebuilt all 114 management datatables with modern design patterns
- Hero Sections: Added dynamic hero sections to all management pages with visual effects and contextual information
- Card View Mode: Introduced new card view layout option for datatables, optimizing mobile experience
- Expandable Records: Implemented expandable card interface for viewing detailed record information
- Column Validation: Fixed and standardized validation across all datatable columns
Premium Create/Edit Pages
- Auto-Generated Forms: Replaced drawer-based editing with dedicated create and edit pages that auto-generate based on column settings
- Intelligent Validation: Forms automatically validate according to column configurations and data types
- Enhanced UX: Full-page editing experience with better focus and reduced cognitive load
- Multi-Select Improvements: Optimized multi-select components with faster value loading and better performance
Analytics & Reporting
- 50+ Analytics Pages: Improved over 50 analytics pages across management interfaces
- Responsive Charts: Enhanced chart responsiveness and mobile compatibility
- Real-time Updates: Improved data refresh mechanisms for live analytics
Feature-Specific Improvements
Binary Trading
- Performance Optimization: Resolved loading delays on binary trading pages
- Smart Skeleton Loading: Redesigned loading skeleton to mimic final page render, reducing perceived load time
- Mobile Layout: Optimized binary trading interface for mobile devices with improved touch interactions
Blog System
- Complete Redesign: Rebuilt blog system with modern content management interface
- Enhanced Editor: Improved content creation and editing experience
- Better Organization: Streamlined category and tag management
KYC Management
- Dedicated KYC Pages: Added standalone pages for KYC application review and management
- Application Dashboard: Premium design for KYC applications overview with filtering and search
- Feature Access Control: Integrated NFT, Gateway, and Copy Trading features into KYC level permissions
- Enhanced Review Process: Streamlined verification workflow with better document preview
Support System
- Admin Support Center: Complete redesign of admin-side support center
- Premium Chat Interface: Added dedicated support chat page with modern messaging UI for administrators
- Custom Support Pages: Introduced customizable support pages with premium design templates
- Improved Ticket Management: Enhanced ticket organization and response workflows
Transaction Management
- Dedicated Transaction Pages: Created standalone pages for transaction logs with advanced filtering
- Withdrawal Management: New dedicated withdrawal management interface with approval workflows
- Deposit Tracking: Separate deposit tracking page with real-time status updates
- Enhanced Search: Improved search and filtering across all transaction types
API & Integration Changes
API Key Management
- Payment API Migration: Removed Payment API from core API key management
- Gateway Extension: Payment API functionality migrated to dedicated Gateway extension
- Cleaner Separation: Improved separation of concerns between core and extension APIs
Technical Improvements
Performance Optimizations
- Backend Server Performance: Improved backend server loading speed by 10x through optimized initialization and resource management
- Faster Page Loads: Reduced initial page load times across all management interfaces
- Optimized Rendering: Improved component rendering performance, especially for large datatables
- Better Caching: Enhanced caching strategies for frequently accessed data
Logging & Debugging
- Comprehensive Logging System: Added 5,200+ new logging steps across all endpoints with organized log groups
- Animated Terminal Output: Implemented new animated terminal task completion indicators for better developer experience
- Grouped Logging: Organized logs by feature groups for easier debugging and monitoring
- Enhanced Troubleshooting: Detailed logging enables faster issue identification and resolution
Blockchain Infrastructure
- Improved BTC Deposit Scanner: Enhanced Bitcoin blockchain deposit detection with intelligent fallback system
- Primary Source: Local Bitcoin node for fastest response
- Secondary Source: Mempool.space API as backup
- Tertiary Source: BlockCypher API as final fallback
- Auto-Selection: System automatically uses the first working source for optimal reliability
Cron Job Management
- Decentralized Cron Architecture: Moved each cron job to its respective extension folder for better maintainability
- Extension-Specific Jobs: Cron jobs now reside within their related extensions for easier updates and version control
- Improved Organization: Better separation of concerns with extension-specific scheduled tasks
- Simplified Updates: Extension updates now include their cron jobs, reducing manual configuration
Security & Dependencies
- Next.js Security Update: Updated Next.js to the latest version with critical security patches
- Backend Module Updates: Updated all backend Node.js modules to their latest stable versions
- Vulnerability Fixes: Addressed known security vulnerabilities in dependencies
- Compatibility Improvements: Ensured all modules work seamlessly with the latest ecosystem
Code Quality
- TypeScript Type Safety: Fixed all type issues in both frontend and backend that were previously silenced
- Strict Type Checking: Removed type suppressions and properly typed all components and functions
- Enhanced IDE Support: Improved IntelliSense and autocomplete through better type definitions
- Component Standardization: Standardized UI components across all pages for consistency
- Code Organization: Better file structure and component organization
Extension Support
- Copy Trading Integration: Added new permissions system and full support for Copy Trading addon
- Permission Framework: Enhanced role-based permission system to accommodate new trading features
- Feature Flags: Implemented feature flags for conditional Copy Trading functionality
- API Extensions: Extended API endpoints to support Copy Trading operations
Migration Notes
Breaking Changes
- Navigation structure has been completely redesigned - custom navigation modifications will need to be re-implemented
- Datatable drawer components removed in favor of dedicated pages - extensions using drawers will need updates
- API key management structure changed - integrations should verify endpoint compatibility
Data Preservation
- All user data, configurations, and settings are preserved during migration
- Database schema migrations are handled automatically by the updator
- Extension data remains intact throughout the upgrade process
Post-Migration Steps
1. Verify all navigation menus are rendering correctly 2. Test datatable functionality across all management pages 3. Confirm KYC applications and support tickets are accessible 4. Validate API integrations and webhook endpoints 5. Review transaction logs for data integrity
Known Issues
- None reported at release time
Upgrade Instructions
1. Backup Everything: Create complete backup of database and files 2. Stop Services: Run pnpm stop to halt all services 3. Follow Migration Guide: Complete all steps in the [V5→V6 Migration Guide](https://docs.mashdiv.com/#migration-guide§ion=v5-to-v6) 4. Run Updator: Execute pnpm updator to perform the upgrade 5. Test Thoroughly: Verify all functionality before going live
# Core v5.7.7
Release Date: December 2025
Tags: PAYMENT GATEWAY, NEW EXTENSION, MULTI-WALLET PAYMENTS, SECURITY, NEXT.JS 16
## Important: Pre-Update Instructions
Before running the update, you MUST restart your VPS/server:
1. Restart your VPS (reboot the entire server)
2. After reboot, run pnpm install to update dependencies
3. Rebuild and start your application
Failure to restart the server before updating may cause build failures or runtime errors due to cached processes and memory issues.
## Security Fixes
- Dependency Updates: Updated to Next.js 16.1.0-canary.15 to address Turbopack stability issues
- Server External Packages: Added serverExternalPackages configuration to properly isolate server-only modules ioredis, sharp, pino, pino-pretty)
- Build Configuration: Improved Turbopack configuration to prevent worker_threads bundling issues
## Changed
### Frontend Build System
- Next.js 16 Canary: Upgraded to Next.js 16.1.0-canary.15 for improved Turbopack stability
- Turbopack Configuration: Updated next.config.js with proper server external packages to fix NftJsonAsset: cannot handle filepath worker_threads build error
- Removed Deprecated Config: Cleaned up deprecated experimental.serverComponentsExternalPackages in favor of top-level serverExternalPackages
## New Extension: Payment Gateway
This release introduces the Payment Gateway extension, enabling merchants to accept cryptocurrency payments from external websites and applications.
### Key Features
- Multi-Wallet Payment Support: Customers can pay using multiple wallets and currencies in a single transaction
- Flexible Allocations: Split payments across FIAT, SPOT, and ECO wallet types
- Real-time Exchange Rates: Automatic currency conversion with live market rates
- Merchant Dashboard: Complete analytics, payment history, and payout management
- API Integration: RESTful API with webhooks for seamless third-party integration
- WooCommerce Plugin: Ready-to-use WordPress/WooCommerce integration
- Test Mode: Full sandbox environment for development and testing
### Merchant Features
- Payment Management: View all incoming payments with detailed transaction history
- Refund Processing: Issue full or partial refunds to customers
- API Keys: Generate and manage API keys for integration
- Payout Tracking: Monitor pending and completed payouts
- Balance Overview: Real-time view of available and pending balances per currency
### Admin Features
- Merchant Management: Approve, suspend, or manage merchant accounts
- Payment Oversight: Monitor all platform payments with filtering and search
- Payout Approval: Review and approve merchant payout requests
- Platform Analytics: Revenue tracking, transaction volumes, and fee collection
- Global Settings: Configure fees, payout schedules, and payment limits
### Technical Implementation
- Allocation-Based Payments: Payments store allocations as JSON column for multi-wallet support
- Gateway Balance Tracking: Dedicated gatewayMerchantBalance table tracks pending/available funds separately from wallet balances
- Secure Fund Flow: Funds held in gateway balance until admin-approved payout
- Webhook System: Real-time notifications for payment events (completed, refunded, failed)