Skip to content

Perf Tweaks + Asset Details Page Refresh + Provider Overview Refresh#87

Merged
wpank merged 41 commits into
mainfrom
feature/ui-refresh
Nov 15, 2025
Merged

Perf Tweaks + Asset Details Page Refresh + Provider Overview Refresh#87
wpank merged 41 commits into
mainfrom
feature/ui-refresh

Conversation

@wpank

@wpank wpank commented Nov 15, 2025

Copy link
Copy Markdown
Owner

Major UI Refresh: Provider Dashboard & Asset Details

This PR introduces a comprehensive refresh of the provider dashboard and asset detail pages, focusing on improved visual consistency, performance, and user experience.

Key Changes

Venue Diagnostics Section

  • Fixed jittery behavior by implementing skeleton loading states and removing problematic transitions
  • Enhanced tooltip system with proper positioning, z-index handling, and accessibility improvements
  • Improved layout stability with fixed card heights and consistent spacing
  • Streamlined information architecture with better category organization

Funding Outlook & Liquidity Focus

  • Expanded leaderboards from 2 to 5 items per category
  • Enhanced card design with detailed metrics (OI, Volume, Next Funding, Depth, Impact)
  • Added visual indicators including magnitude bars, book balance visualizations, and rank badges
  • Improved section headers with live indicators, countdown timers, and summary statistics
  • Polished interactions with smooth animations and hover states

Asset List Table

  • Transformed into trading terminal with real-time update animations
  • Added sparklines for 1h price trends
  • Implemented background bars for OI and Volume columns showing relative magnitude
  • Enhanced visual hierarchy with improved typography and color coding
  • Added sortable columns and quick filter buttons (Gainers, Losers, Volume, Active)
  • Implemented search functionality for quick asset lookup
  • Added market overview summary cards above the table

Asset Detail Page

  • Enhanced depth book visualization with improved order book rendering
  • Improved candlestick chart with better formatting and interactions
  • Refined price display with clearer hierarchy and formatting

Code Quality & Performance

  • Fixed all linting errors and warnings across the codebase
  • Removed unused code and optimized imports
  • Fixed TypeScript build errors
  • Improved component memoization for better performance
  • Added proper accessibility attributes (ARIA labels, keyboard navigation)

Infrastructure

  • Version bump to 0.3.6
  • Updated ESLint configuration to exclude temp files
  • Improved build process with resolved TypeScript errors

Impact

  • Visual Consistency: Unified design language across all sections
  • Performance: Reduced layout shifts and jittery animations
  • Usability: Enhanced tooltips, better information hierarchy, improved scannability
  • Accessibility: Better keyboard navigation and screen reader support
  • Code Quality: Cleaner codebase with resolved linting issues

Notes

This is a significant UI refresh that maintains backward compatibility while significantly improving the user experience. The changes are focused on the provider dashboard and asset detail pages, with particular attention to visual consistency, performance, and accessibility.

will pankiewicz and others added 30 commits November 14, 2025 13:42
Update Staging to Main
[Staging] Make Health Checks More Robust
@wpank wpank merged commit e13f5b8 into main Nov 15, 2025
1 check passed
@wpank wpank deleted the feature/ui-refresh branch November 15, 2025 08:27
wpank added a commit that referenced this pull request Nov 15, 2025
Perf Tweaks + Asset Details Page Refresh + Provider Overview Refresh
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant