Changelog
All modifications and additions to the Winnia prototype
Drag-and-Drop Dashboard Widget Reorganization
FeatureHighlightDashboard widgets can now be reordered via drag-and-drop with @dnd-kit. Edit mode toggle shows drag handles and visibility controls. Layout persists in localStorage with reset option.
Sidebar Subcategories with Collapsible Groups
UI/UXHighlightRevenue Ops section reorganized into collapsible sub-groups: Pricing (Dynamic Pricing, Simulator, Yield), Sales (Bundle Builder, Group Sales, Upsell Engine), and Operations (Concessions, Forecast, Merchandise). Reduces cognitive load.
Section Gradient Colors in Sidebar
UI/UXEach sidebar section now has a unique color identity: Revenue Ops in emerald, Intelligence in blue/cyan, Command Center in violet, System in gray. Helps spatial orientation.
Unique Icons for Every Page
UI/UXDifferentiated icons across all pages to avoid confusion. Each page now has a distinct icon that reflects its purpose.
Quick Actions Floating Button (FAB)
FeatureHighlightAdded a floating action button in the bottom-right corner with 5 quick actions: Launch Agent, Create Game Plan, Morning Briefing, Compare Matches, AI Chat. Avoids sidebar navigation for common tasks.
Dark Mode Depth System (4 Levels)
UI/UXHighlightDark mode now uses 4 depth levels: sidebar (darkest), background, cards, and popovers (lightest). Creates visual hierarchy instead of flat uniform gray.
KPI Count-Up Animations
AnimationImportant numbers (revenue, KPIs, scores) now count up from 0 to their value with a 0.8s animation when the page loads. Gives a feeling of live, dynamic data.
Tonight's Revenue KPI Card — 2x Wider with Sparkline
UI/UXHighlightThe Tonight's Revenue KPI card on the Dashboard is now twice as wide as other cards with an integrated mini-sparkline chart showing hourly revenue trend.
Action Confirmation Dialog
FeatureNew reusable confirmation dialog for important actions (agent activation, campaign launch, data deletion). Shows action summary, impact preview, and requires explicit confirmation.
Hover Preview Tooltips for Navigation
FeatureHovering over sidebar nav items now shows a preview tooltip with a brief description and key metric of the page. Helps users understand what each page contains before clicking.