Changelog

Track all updates, improvements, and new features

v1.7.0

Current Version

May 24, 2026

New Features

Final Scenario Marking: Mark scenarios as "final" to indicate what actually happened in a game with a "FINAL" badge and subtle gold glow
Champion Actions Popup: Click champions in draft slots to view stats popup with champion image, role icons, win rate, and quick actions
Compact Draft Heatmaps: Mini versions of pick/ban position frequency and win rate heatmaps displayed in champion actions popup
Custom Tooltips: Elegant custom tooltip component for floating panel buttons with improved styling and animations
Automatic Fearless Ban Population: When marking a scenario as final in fearless mode, champion picks automatically populate the next game's fearless bans
Schedule Page: Comprehensive event scheduling with 3 layout options (Weekly, Monthly, List view)
Event Creation: Create and manage scrims, tournaments, and meetings with date/time, server info, and enemy team details
Event Detail Screen: Dedicated page for each event with tabs for Preparation and Enemy Analysis
Event Checklist: Interactive to-do lists for match preparation with completion tracking
Event Notes: General notes section for draft strategy, opponent tendencies, and game plans
Enemy Champion Pool: Visual champion pool builder per role for opponent analysis
Event Linking: Connect draft sessions and match results to schedule events for unified workflow
ROFL File Upload: Upload League of Legends replay files (.rofl) for automatic match data extraction
ROFL Parser Integration: Extracts full game statistics including player performance, objectives, and match metadata
Match Scoreboard Display: Visual scoreboard with team objectives (kills, towers, dragons, barons, heralds, grubs)
Victory/Defeat Indicators: Automatic result display based on user side and match outcome
Player Statistics Tables: Side-by-side Blue/Red team tables with expandable rows for detailed stats
Player Expanded Stats: Combat stats (damage dealt/taken), vision score, objectives (turrets, inhibitors)
Runes & Stat Shards Display: Visual display of keystone, runes, and stat shard selections per player
Multi-kills Tracking: Displays pentakills, quadrakills, triple kills, and double kills per player
Draft-Result Connection: "Record Result" button in draft workspace to create linked match results
Automatic Game Slots: Results created from draft sessions inherit the same number of games
Grub Objective Tracking: Voidgrub kills extracted from ROFL files and displayed in scoreboard

Improvements

Champion Selector Scroll Fix: Added event propagation prevention to stop page zoom when scrolling through champion list
Icon-Only Action Buttons: Converted View Event/Result buttons to icon-only format with tooltips for cleaner interface
Consistent Champion Removal: Standardized all champion slot removals to right-click (context menu) for better UX consistency
Hover-Only Action Icons: Scenario card action buttons (eye, copy, delete) now only appear on hover, matching edit icon behavior
Enhanced Champion Stats Display: Champion actions popup shows overall win rate next to role icons with color-coded percentage (green >50%, red <50%)
Improved Badge Positioning: Final badge positioned higher and right-aligned with card edge for better visual hierarchy
Teal Inactive Badge: Non-final scenarios show teal-colored "FINAL" badge on hover instead of gold for better state indication
Fearless Ban Display Order: Fixed fearless card to display bans in correct row order (1-5 in row 1, 6-10 in row 2)
Loading Skeletons: Added animated loading states to compact heatmaps while fetching champion statistics
Empty Slot Indicators: Draft heatmaps show "-" for empty pick slots with grey background for better readability
Result Name Editing: Click-to-edit result names with pencil icon hover indicator and keyboard shortcuts (Enter/Escape)
Result Header Redesign: Large editable name (text-2xl) with event detail-style badge (teal/gold/blue backgrounds)
Animated Score Updates: Subtle fade and slide animations on series score changes for polished UX
Browser History Navigation: Back button uses browser history (-1) instead of hardcoded routes
K/D/A Color Refinement: Only deaths colored in light red (text-red-400/60), kills and assists in neutral color
Expandable Stats Styling: Removed all color coding from combat and objective stats for cleaner appearance
Consistent Expandable Height: All expandable rows have min-height (280px) for uniform presentation
Blue/Red Gradients: Scoreboard features subtle blue-to-transparent and red-to-transparent gradients emphasizing team sides
Mirrored Team Layout: Side-by-side team tables on large screens, stacked on smaller screens with responsive design
Responsive Tables: Horizontal scroll with min-width preservation (800px) for smaller viewports
Minimized Upload UI: Success message and clear button moved to header row to reduce vertical space
Trash Icon Button: File clear action uses intuitive trash icon instead of text button
W/L Game Tab Indicators: Game tabs display green "W" or red "L" badges showing match outcomes
5 Game Limit: Results limited to maximum 5 games matching standard best-of-five series format
Larger UI Elements: Increased sizes across scoreboard (bigger text, icons, spacing) for better readability
Custom Gold Scrollbar: Applied custom gold scrollbar styling to results pages matching theme
Scoreboard Layout Updates: Side indicators in first row, game time centered in second row with dividers

Bug Fixes

Fixed zoom scrolling bug where champion selector scroll caused page zoom in/out
Fixed inconsistent champion removal between primary (right-click) and alternative (left-click) slots
Fixed compact heatmap structure to show continuous vertical columns without gaps
Fixed merged pick slots height to display at double height (2 blocks instead of 1)
Fixed View Stats button positioning in champion actions popup
Fixed tooltip centering using framer-motion transform instead of CSS
Fixed navigation URLs for champions with special characters using encodeURIComponent
Fixed back button navigation in champion detail page with history fallback
Added database migration for is_final column in scenarios table
Fixed TypeScript database types to include is_final field
Removed unused Badge import from ResultDetailPage causing TypeScript error
Removed unused fileName state variable from RoflUpload component
Fixed missing closing div causing JSX parse errors in ResultDetailPage header
Minimized navbar accessibility on all pages

v1.8.0

In Development

TBD

New Features

Social Authentication: Discord and Google OAuth login integration for easier account access
Password Recovery: Forgot password functionality with email-based reset flow
Enemy Team Analysis: Advanced opponent intel with Riot ID lookup and match history integration
Player Tier List (v1): Excel-style grid for ranking players by role - needs refinement
Team Sessions: Share draft sessions and results with your team
Team Draft Library: View and analyze all team sessions in one place
Team Statistics: Aggregate performance metrics across all team members
Team Content Dashboard: Dedicated team page showing sessions, results, and analytics
Team Notes/Strategy Board: Collaborative notes for opponent analysis and strategy planning
Team Champion Pool: Overview of champion mastery and role assignments per member

v1.6.0

Released

May 19, 2026

New Features

Champion Pool Sidebar: Sliding right-edge sidebar for managing team champion pools with semi-circle toggle button featuring teal glow
Priority Picks by Role: Organize priority champions into 6 role columns (TOP, JG, MID, BOT, SUP, FLEX) with add/remove functionality
Champion Pool Groups: Create custom tier groups (S, A, B, C, etc.) with color-coded backgrounds and drag-and-drop champion assignment
Champion Roster View: Collapsible bottom section displaying all champions grouped by role for quick reference
Fearless Ban Integration: Predetermined bans from previous games automatically greyed out across priority picks and champion roster
Scenario Filter Search: Quick search bar in filter modal to find scenarios containing specific champions in any position (picks, bans, or alternatives) with live dropdown results and animated transitions
Canvas Navigation for Scenario Comparison: Infinite panning in all directions with mouse drag - no longer constrained by content boundaries
Interactive Minimap: Real-time canvas overview in bottom-left corner showing scenario cards and current viewport with click-to-navigate
Mouse Wheel Zoom: Smooth zoom in/out (50%-150%) using scroll wheel with zoom point centered on cursor position
Alternative Champions for Draft Slots: Add multiple champion alternatives per pick slot for flexible draft planning
Scenario Notes Section: Add notes directly on scenario cards for quick strategy annotations
Draft Workspace Preferences Modal: Centralized settings for minimap, quick notes, difference indicators, and scenario notes visibility
Pro Meta Analytics Dashboard: Comprehensive meta insights with 6 category views (Presence, Win Rate, Most Banned, Early Game, Late Game, By Role)
Role-Specific Meta Analysis: Filter meta statistics by specific roles (Top, Jungle, Mid, Bot, Support) with visual role icons
Champion Draft Position Analytics: Track win rates and pick rates by specific draft positions (B1, R1, BB1-BB3, etc.)
Animated Bean Toggle: Smooth sliding animation for category selection matching Pro Analytics design language
Meta Table Animations: Fade and slide-up animations when switching between meta categories for polished UX
Skeleton Loaders: Professional loading states with shimmer animations across Pro Analytics pages
Pre-computed Analytics Tables: Database tables (pro_champion_stats, pro_champion_draft_positions) storing pre-aggregated statistics
Game Pace Analysis Functions: Dedicated database functions to identify early game (<25 min) and late game (>35 min) specialists
Role-based Query Functions: Optimized database function (get_role_champions) for instant role-filtered champion queries
Champion Ability Display: Passive, Q, W, E, R ability icons shown in Champion Detail page header with Data Dragon integration
Ability Tooltips: Hover tooltips displaying ability name, description, cooldown, cost, and range stats with ability icons
Smart Image Loading: Skeleton loaders and fade-in animations for ability icons to prevent placeholder text from showing
Match Detail Team Objectives: Dragons, Barons, Towers icons with counts displayed in Stats tab team headers using Community Dragon assets
Match Detail Winner Indicators: Crown icons in team headers and page header showing winning team in their team color
Global Win Rate Colors: Unified win rate color function (cyan/emerald/green/lime/yellow/orange/red gradient) used across Champion Detail and Pro Analytics
Pro League Detail Pages: Dedicated pages for each professional league showing standings, recent matches, and quick league navigation
Pro Team Detail Pages: Full team pages showing roster with role icons, recent matches, and comprehensive team statistics
League Standings: Real-time standings tables with win/loss records, automatically selecting current/most recent tournament
League Quick Navigation: Horizontal scrolling grid of all leagues with dynamic backgrounds based on league colors and flag emojis
Dynamic League Backgrounds: Page backgrounds automatically styled with league-specific colors and gradients for visual identity
Team Roster Display: Visual team rosters with player roles, names, and professional role icons matching official League styling
Champion Synergies Tab: Displays best teammate pairings with win rates and game counts for duo combinations
Performance by Role Section: All 5 roles (TOP, JNG, MID, ADC, SUP) always displayed with comprehensive role-specific statistics including win rate, games played, and W/L records

Improvements

Champion Pool Layout: Fixed-width columns (128px each) with compact spacing for efficient use of sidebar space
Champion Pool Header: Applied bg-bg-secondary styling matching left sidebar for visual consistency
Champion Icons Spacing: Removed horizontal gaps between champions for tighter, more compact grid layout
Remove Champion UI: Overlay X button appears on hover covering entire champion image with semi-transparent red background
Disabled Champions Visual: Already-added champions greyed out in selector modal to prevent duplicate additions
Champion Portal Rendering: Champion selector uses React Portal for proper z-index stacking above all containers
Group Visual Design: Top/bottom colored borders only (no sides) with matching background tint and no gaps between groups
Ungrouped Champion Padding: Added left and top padding to ungrouped champions section for consistent spacing with groups
Unified Teal UI Theme: Applied consistent teal styling to all header buttons (preferences, zoom, new scenario, quick notes, minimap) with matching glow effects
Interactive Button Animations: Added 90° rotation on settings icon hover, 360° rotation on import icon hover, and scale effects on zoom buttons
Simplified Zoom Controls: Changed from magnifying glass icons to simple + and − text buttons with hover scale effects
Header Background Gradient: Added subtle gradient from bg-primary to bg-tertiary/10 for visual depth
Team-Colored Hover Effects: Pick and ban slots now show blue/red hover rings matching team sides for better visual feedback
Scenario Card Polish: Reduced hover border strength, removed name color change, made edit pencil icon teal
Fearless Panel Styling: Applied red-themed glow to fearless panel header matching the fearless icon
Alternative Champions Display: Visual display with team-colored hover effects and plus button for adding alternatives
Preferences Modal Redesign: Increased width to 2xl, improved spacing (py-5 px-6, mr-12), cleaner borders without hover effects
New Session Modal Style Toggle: Replaced small toggle switches with larger animated switches (w-16 h-8) matching New Session Modal design
Preference Labels Cleanup: Removed "Show" prefix from all settings (Minimap, Quick Notes, Difference Indicators, Scenario Notes)
Beginner's Guide Link: Changed from button to simple "Start →" link style in preferences
Save Button Styling: Changed "Close" to "Save" using Button component with teal variant and scale hover effect
Modal Title Spacing: Increased spacing below title to match spacing above save button for visual balance
Scenario Card Component Extraction: Separated scenario cards into dedicated ScenarioCard.tsx component reducing ScenarioComparison.tsx by 380 lines
Canvas Rendering Optimization: Direct DOM manipulation during drag/zoom for 60fps performance without React re-renders
Zoom Snapping: Zoom values rounded to 10% increments (50%, 60%, 70%...) for cleaner UI display
Minimap Visual Design: Black scenario cards on white viewport background with grey canvas area for high-contrast clarity
Real-time Minimap Updates: RequestAnimationFrame loop updates minimap viewport indicator smoothly during panning at 60fps
Performance Optimization: 10-100x faster champion stats queries using pre-computed tables instead of runtime aggregations
API Response Time: Champion detail pages load instantly (<100ms) compared to previous 1-3 second queries
Database Efficiency: Dedicated indexes on presence_rate, win_rate, champion, region, and patch for microsecond lookups
Batch Processing: populate-champion-stats.ts script processes 4300+ games into optimized statistics in seconds
Component Architecture: Renamed ProPicksDashboard → ProChampionsDashboard and MetaInsightsDashboard → ProMetaDashboard for clarity
Code Cleanup: Removed 650+ lines of unused conditional rendering from ProChampionsDashboard
Consistent Spacing: Applied uniform 1rem (gap-4) spacing across all Champion Detail page tabs
Visual Grouping: Added gradient backgrounds (from-bg-secondary to-bg-secondary/50) to Champion Detail sections
Tab Organization: Reordered Pro Analytics tabs to Games, Meta, Drafts, Champions with updated icons (archive, trending chart)
Layout Optimization: Moved tab toggle to header right side with justify-between for balanced layout
UI Polish: Removed "Highest" prefix from meta buttons, changed "All" to "All Champions" in dropdowns
Dropdown Consistency: Unified champion and role dropdown styling across all tabs (bg-bg-secondary, border-2, py-2.5)
Role Mapping: Added Poppy support role for current meta flexibility
View Transitions: Added fade-in animations (opacity 0→1, y 20→0) to Meta and Drafts tabs
Role Toggle Layout: Positioned role icons to right of category toggle with justify-between when "By Role" is active
Data Import: Updated to latest OraclesElixir dataset with 1800+ new pro games
Migration System: Created 3 new migrations (020-022) for champion stats tables and database functions
Dynamic Page Titles: Browser tab titles now update dynamically based on current page (e.g., "DraftBook - Pro Analytics", "DraftBook - Ahri Stats", "DraftBook - T1 vs Gen.G")
Homepage Performance: Removed animated MorphingBlobs component, keeping only static GradientMesh for better performance on older PCs
Champion Name Normalization: Added proper handling for special champion names (Bel'Veth, Dr. Mundo, Nunu & Willump) in Data Dragon API calls
Champion Detail Average Performance: Added CS (Creep Score) metric to performance section with database integration
Champion Detail Side Performance: Mirrored layout with blue/red gradient backgrounds fading to center, right-aligned red side stats
Champion Detail Performance Grid: Reorganized to show Kills, Deaths, Assists, KDA, Gold, Damage, CS (7 columns with K/D/A grouped closer)
Match Detail Stats Tab: Added Kills (Swords icon), Towers, Dragons, Barons with team-colored icons in headers
Match Detail Table Alignment: Fixed column widths (table-fixed with colgroup) ensuring Blue/Red team tables align perfectly
Match Detail Default Tab: Stats tab now default when draft data (pick order) is unavailable
Match History Objectives: Added dragons, barons, towers with Community Dragon icons to champion match history cards
Code Reusability: Created global winRateColors utility function eliminating duplicate helper functions across 4 files
League Navigation UX: Smooth horizontal scrolling grid for browsing all professional leagues with visual league cards
Footer Positioning: Fixed footer to scroll with page content on league and team detail pages for proper layout flow
Utility File Organization: Created leagueConfig.ts and championUtils.ts for centralized league colors, flags, and champion role functions
Type Narrowing: Fixed TypeScript errors in ProTeamDetailPage with IIFE pattern for role icon type checking
Code Deduplication: Removed duplicate getChampionRoles and getPodiumStyle functions from ProMetaDashboard and ProDraftsDashboard
Pro Analytics Tab Navigation: Merged tab sections in Pro League Detail and Pro Team Detail pages for unified single tab bar navigation
Overview Tab First: Repositioned Overview tab as first tab in Pro Team Detail page with team/league statistics displayed upfront
URL-based Tab Persistence: Pro Analytics Dashboard includes shareable URLs with tab parameters (e.g., /pro-analytics?tab=picks)
Enhanced Active Tab Visibility: Brighter text color (text-white) for active tabs improving visual recognition
Tab Underline Styling: Rounded corners (rounded-full) on tab underlines matching navbar design consistency
Improved Tab Hover States: Hover underlines now positioned consistently at border line with proper alignment
NEW Badge: Added purple "NEW" badge to Leagues tab in Pro Analytics highlighting newest feature
Tab Toggle Spacing: Increased gap between toggle buttons and divider line (pb-2) for better visual balance
Tab Line Styling: Enhanced active state glow with stronger upward blur (16px) and higher opacity (0.8)
Champion Ability Tooltips: Display full cooldown/cost/range values for all ranks (e.g., "5 / 4.5 / 4 / 3.5 / 3s") on separate lines
Role Stats Display: Roles with no data show grey "-" placeholder instead of being hidden for UI consistency
League Icon Glow: Dynamic league-colored glow effect (blur-md, 40% opacity) behind league icons in Pro League Detail headers

Bug Fixes

Fixed TypeScript errors in CanvasMinimap props by allowing RefObject<HTMLDivElement | null>
Fixed minimap show/hide toggle not working by adding conditional rendering
Fixed populate-champion-stats.ts script errors by removing non-existent patch column from pro_champion_draft_positions inserts
Fixed pro_champion_matchups insert errors by removing patch column references
Removed excessive mt-12 top margin in Draft Win Rate Heatmap component
Fixed Champion Detail page spacing inconsistencies across Overview, Synergies, Trends, and Draft tabs
Fixed ability icons not loading for champions with special characters (Bel'Veth, Dr. Mundo) by implementing champion name normalization

v1.5.0

Released

April 26, 2026

New Features

Beta Feedback System: Dedicated feedback page for users to submit bug reports, feature requests, and general feedback
Feedback Form: Easy-to-use form with category selection (Bug/Feature/Other), title, and description fields
Anonymous Feedback Support: Both logged-in and anonymous users can submit feedback
Feedback Database Integration: All feedback stored in Supabase with user tracking and timestamps
Pro Drafts Analytics: Analyze professional draft patterns by position with pick/ban statistics, win rates, and pick rates for top 15 champions per position
Saved Pro Drafts Page: Browse and manage all saved professional drafts with Teams page styling
Import Saved Drafts: Import saved pro drafts directly into draft workspace as new scenarios with one click
Import Auth Protection: Anonymous users see signup prompt when attempting to import saved drafts
Interactive Beginner's Guide: Step-by-step tutorial for new users in draft workspace with spotlight highlighting
Guided Tour System: 7-step walkthrough covering Open Drafts Sidebar, scenario cards, detailed view, games tab, filter scenarios, priority picks, and quick notes
Smooth Guide Animations: Fade and slide transitions between guide steps with animated borders, tooltips, and connection lines
Click Blocking Overlay: All page interactions disabled during guide to prevent accidental navigation and layout changes
Smart Tooltip Positioning: Tooltips automatically adjust position to stay on screen for elements near edges
Help Button: Clickable info button in top navigation to replay the beginner's guide anytime
Scenario Filtering System: Filter scenarios by specific champion picks in any draft slot with live-updating results
Filter Popup Interface: Visual scenario card UI positioned below filter button for seamless filter configuration
Real-time Filtering: Results update instantly as champions are selected in filter, no apply button needed
Smart Filtering Logic: Includes parent scenarios when descendants match, maintains full tree structure
Filter Status Indicators: Badge shows count of active filters, banner displays filtered champions and scenario count
Filter Controls: Right-click to clear individual slots, Clear All button for instant reset
Duplicate Prevention in Filters: Champions already selected in other filter slots are disabled and grayed out
Contact Page: Dedicated contact page with email, X/Twitter, and Discord information
Smart Draft Navigation: Clicking "Drafts" in navbar now navigates directly to your most recent draft session
Draft Navigation Sidebar: Collapsible left sidebar with list of all draft sessions for quick switching
Auto-create First Draft: New users automatically get "My First Draft" created on first visit
Priority Picks System: Organize team and enemy champion priorities with drag-and-drop interface
Priority Picks Panel: Dedicated 3-tab interface (Our Team, Enemy Priorities, Enemy Analysis) in draft overview
Role-based Champion Organization: 6 columns (Top, Jungle, Mid, Bot, Support, Flex) for structured planning
Dynamic Grouping: Create custom groups with editable names and colors for organizing priority champions
Priority Picks Persistence: All priority picks data saved to Supabase and synced across sessions
Team Tier List Upload: Upload role-specific tier lists to team pages for sharing with coaches and teammates
Import Team Tier Lists: One-click import of team tier lists into draft priority picks with tier grouping
Auto-populated Flex Picks: Champions appearing in multiple role tier lists automatically populate the Flex column
Signup Prompt Modal: Beautiful auth prompt for anonymous users with app branding and feature highlights
Animated Tab Navigation: Smooth bean-style toggle animation matching app design language
Authentication System: Full user authentication with Supabase backend
Login & Signup pages with email/password and social login (Discord, GitHub)
User session management with automatic persistence and protected routes
Profile Management: Dedicated page to update username, change password, and customize profile
Global logout dialog accessible from navbar dropdown
Interactive Features Carousel with auto-scrolling and progress indicators
5 feature showcases with click-to-enlarge lightbox for images
Shimmer text effects on homepage feature titles
"Create Account" CTA button with gradient animation
Match Detail Page with tabbed interface (Draft Order & Player Statistics)
Visual draft sequence with color-coded pick badges and flow indicators
Teams Management: Create teams, invite members via email or join codes
Team Member Management: View team members, remove members (owners only)
Team Join System: Easy team joining with 8-character alphanumeric codes
Profile Icons: Select from League role icons (Top, Jungle, Mid, Bot, Support) or special roles (Coach, Analyst)
Icon Display: Profile icons shown in navbar, profile page, team cards, and team member lists
Icon Selector Menu: Click profile image to open icon selection dropdown
Database Integration: Supabase PostgreSQL with TypeScript types and RLS policies
Database Migrations: Schema management with migration files for teams and user icons
User-linked Data: Sessions and results now associated with user accounts and teams
Champion Tier List Maker: Create custom tier lists with drag-and-drop functionality
Tier List Customization: 6 customizable tiers (Z, S, A, B, C, D) with editable names and colors
Tier List Layouts: Toggle between side-by-side and stacked layouts for easy champion organization
Role Filtering: Filter champions by role (Top, Jungle, Mid, ADC, Support) with icon-based UI
Tier List Title: Editable tier list title for personalization
Champion Management: Drag champions between tiers, right-click to remove, visual feedback on drag
Save Tier Lists: Save your champion tier lists to your account with custom names
Tier List Library: View all saved tier lists with visual previews and load them for editing
Account Deletion: Complete account deletion feature that removes all user data from the database

Improvements

Feedback Navigation: Added feedback link to navbar profile menu and footer for easy access
Dashboard Feedback Banner: Subtle notification banner on dashboard encouraging beta users to provide feedback
Navbar Menu Reorganization: Grouped navigation items logically (Main nav, Settings, Logout) with cleaner layout
Icon Hover States: Navbar menu icons now use muted colors by default, only showing accent colors on hover
Optimized Import Performance: Reduced draft import from 21 API requests to 2 requests using batch slot updates
Consolidated Champion Image Utilities: Unified champion portrait loading into single useChampions hook across all components
Duplicate Champion Prevention: Champions already assigned to a slot in scenario cards are disabled in champion selector with grayed-out appearance and reduced opacity
Visual Champion Availability: Disabled champions show "(Already assigned)" tooltip for clarity
Filter Popup Persistence: Filter popup stays open when champion selector opens, allowing seamless configuration without re-opening
Filter Popup Close Behavior: Filter popup only closes via X button, not by clicking outside, preventing accidental dismissal
Redesigned Dashboard page with cleaner, modern aesthetic and improved spacing
Split draft statistics into separate Draft Overview and Performance cards
Added external link icons to stat cards for quick navigation to Drafts and Results
Implemented typewriter animation for username loading on dashboard
Added "Manage Profile" navigation link to dashboard header
Pro matches cards now display winner highlighting with color-coded team names
League logos displayed on pro matches cards (LCK, LPL, LEC, LCS, Worlds, MSI)
Semi-circle win rate graph added to Performance card
Conditional empty states for missing champion data in Draft Patterns section
Empty state prompts styled with solid teal buttons matching app design language
Improved Recent Drafts and Results cards with better spacing and hover effects
Color-coded left edge bars on results cards (green for wins, red for losses)
Removed excessive backgrounds from stat cards for more open space
Scenario difference indicators redesigned with circular champion portraits and color-coded labels
Branch connecting lines strengthened with increased opacity for better visibility
Updated social media links: X/Twitter (@Draftbook_lol) and support email (draftbook.support@gmail.com)
Footer updated with Contact page link replacing Changelog on homepage
Instant draft loading with localStorage caching - zero wait time for logged-in users after first visit
Session name now editable via double-click in draft workspace header
Sidebar includes "Create New Draft" button and "View All Drafts" navigation
Smooth slide-in/slide-out animations for navigation sidebar
Loading state with skeleton UI and spinning logo for better UX during redirects
Scenario comparison now displays first difference between connected scenarios with slot label and champion portrait
Removed deprecated Priority Picks modal in favor of integrated panel interface
Database schema updated with priority_picks and enemy_priority_picks columns
Priority picks automatically sync to cloud storage for cross-device access
Added search input to champion filter dropdown in Pro Analytics
Optimized match detail to use navigation state instead of redundant API calls
Enhanced draft visualization with separated ban phases and consistent sizing
Removed animations from champion detail league cards and match history for snappier UI
Grouped minor leagues as "Other Regions" in champion stats, sorted by pick+ban presence
Fixed footer positioning on champion and match detail pages to scroll with content
Custom scrollbar styling across the application
Enhanced spacing and responsive layout on homepage
Auto-pause carousel on hover and when lightbox is open
Image hover effects with scale and tilt animations
Fixed text descender clipping in shimmer effects
Redesigned signup page with 2-column layout (logo/title on left, form on right)
Made login and signup forms transparent with no background or border
Improved form responsiveness with proper scrolling on smaller screens
Centered left column content vertically in signup page layout
Updated logo size to XL on both login and signup pages
Modernized dividers with transparent text and lines on both sides
Improved team cards to show up to 5 members with role icons and crown for owners
Toast notifications for better user feedback on team and profile actions
Role-based data filtering to prevent non-owners from accessing sensitive team data
League role icons use official Community Dragon SVGs matching draft selector
Sessions and results now linked to user accounts (user_id and team_id)
Navbar shows user profile icon and dropdown menu when logged in
Updated navbar with Teams link and Profile & Settings option
Added react-hot-toast package for elegant toast notifications
Improved form validation and error handling across auth flows
Authenticated users automatically redirected from login/signup pages

v1.4.0

Released

April 24, 2026

New Features

Redesigned Draft Session detailed view with champion splash arts instead of icons for better visual appeal
Redesigned Champion Detail page with comprehensive stats and analytics
Champion Match History tab showing recent pro games and best performing players
League Distribution tab displaying champion picks/bans breakdown by league

Improvements

Redesigned footer to be non-sticky, appearing at bottom of content on all pages
Footer links now use React Router for seamless client-side navigation
Refined navbar active tab indicator glow for more subtle appearance
Footer automatically stays at viewport bottom when content is insufficient
Updated DDragon version to 16.8.1 to support latest champions (Yunara, Mel, Zaahen)
Added Fiddlesticks name mapping for champion icons and splash art
Added green variant to Badge component for WIN/LOSS indicators
Fixed z-index layering issue where heatmap numbers scrolled above sticky header
Removed rounded corners from champion detail page header
Fixed TypeScript linting errors for cleaner builds

v1.3.0

Released

April 24, 2026

New Features

Draft Position Win Rate heatmap showing effectiveness of picks/bans per position
FAQ page with organized sections for General, Draft Planning, Pro Analytics, and Results

Improvements

Added skeleton loader with shimmer animations to Champion Detail page
Added loading spinner in header during data fetch
Removed unused ChampionDetailModal component
Updated Results/Stats page with gold theme background and improved navigation buttons
Added separate Series and Game win rates across all stats sections
Reorganized stats layout: 5 series stats (including tied) + 4 game stats
Applied purple theme to Champion Detail page (scrollbar, tabs, sticky header)
Added glassmorphism effect to sticky header on Champion Detail page
Enhanced heatmap colors with more intensive gradients
Added patch range (16.1 - 16.8) to Champion Detail header
Improved heatmap consistency with unified fonts and color-coded divider lines
Added FAQ and Contact links to footer for easy access
Redesigned homepage with animated gradient orb backgrounds and grid texture
Enhanced homepage cards with hover animations, glow effects, and grid textures
Added social media links and FAQ/Changelog to homepage footer
Applied color-coded hover effects (teal, gold, purple) across social icons
Improved visual hierarchy with reduced legal disclaimer opacity

v1.2.0

Released

April 23, 2026

New Features

Pro Analytics Dashboard for browsing professional League of Legends matches
View recent pro games with full draft details (picks, bans, and player stats)
Filter games by region/tournament (LCK, LPL, LEC, LCS, MSI, Worlds)
Filter by specific champion to analyze pro play patterns
Detailed game view with player statistics (KDA, gold, CS, damage, vision)
Draft order visualization showing complete pick/ban sequence
Pro Picks analytics with champion statistics and trends
Top picked and banned champions across competitive play
Win rate statistics filtered by region and patch

Improvements

Added cursor pointer on all interactive buttons for better UX
Custom scrollbar colors matching page themes (Teal/Gold/Purple)
Updated branding to "Draftbook.lol" across all pages
Purple theme integration for Pro Analytics section
Improved navigation with dedicated Pro Analytics tab
Optimized pagination and filtering for large datasets

v1.1.0

Released

April 22, 2026

New Features

Match Results system for tracking scrim and tournament outcomes
Results dashboard with filtering, searching, and sorting
Detailed statistics and analytics page
Page-specific beginner's guides (Drafts & Results)
Interactive 4-step tutorials with context-aware help
Google Analytics integration for usage tracking
Vercel Analytics for performance monitoring
Version changelog page (you're here!)

Improvements

Global version constant for easier updates
App logo now appears in browser tab
Navbar help button shows guides based on current page
Color-coded UI themes (Teal for Drafts, Gold for Results)

v1.0.0

Released

April 1, 2026

New Features

Session management (create, edit, delete, favorite)
Session types: Scrim, Tournament, Prep
Interactive 5v5 draft board with pick/ban phases
Full League of Legends champion integration
Opponent intel tracking (up to 5 players)
Multiple draft scenarios per session
Scenario comparison view
Session and scenario notepads
Quick notepad with global access
Copy draft as text
Search and filter sessions
Pagination for session lists

Improvements

Dark theme with teal/gold accents
Smooth animations with Framer Motion
Responsive design for all screen sizes
Local storage data persistence

Have suggestions or found a bug? Let us know