Changelog

All notable changes to the Trading Dashboard Kit are documented here.

v1.0.0 -- Initial Release

Released: May 2026

Pages (39 total)

• Dashboard (1): Portfolio overview with market indices, chart, watchlist widget, and activity feed
• Watchlist (1): Multi-list watchlist with tabbed navigation and add symbol dialog
• Portfolio (6): Holdings Overview, Asset Allocation, Performance vs Benchmark, Transactions, Dividends, Tax Lots
• Trading (5): Order Entry, Market Depth, Options Chain, Open Positions, Trade History
• Markets (4): Stock Screener, Market Scanner, Sector Heatmap, Economic & Earnings Calendar
• Research (4): Stock Detail, Fundamental Analysis, Analyst Ratings, Technical Indicators
• Social (4): Social Feed, Trader Leaderboard, Copy Trading, Strategy Marketplace
• Analytics (3): P&L Analysis, Risk Metrics, Backtesting
• Settings (5): Profile & Preferences, Security & 2FA, API Keys, Notifications, Billing
• Auth (3): Login, Register, Forgot Password
• Utility (4): 404, Onboarding Wizard, Maintenance, Mobile App Prompt

Components (70+ total)

• ~30 Primitives -- shadcn/ui components (AlertDialog, Avatar, Badge, Breadcrumb, Button, Card, Chart, Checkbox, Collapsible, Command, Dialog, DropdownMenu, Input, InputGroup, Label, Popover, Progress, RadioGroup, Resizable, ScrollArea, Select, Separator, Sheet, Skeleton, Sonner, Switch, Table, Tabs, Textarea, Tooltip)
• 4 Dashboard Composites -- PortfolioChart, WatchlistWidget, ActivityFeed, MarketStrip
• 8 Trading Components -- OrderForm, OrderBookMini, FullOrderBook, DepthChart, OptionsChainTable, PositionsTable, StockInfoBar, TradeHistoryTable
• 3 Portfolio Components -- HoldingsTable, AllocationChart, PerformanceChart
• 8 Markets Components -- ScreenerFilters, ScreenerTable, SignalCard, HeatmapGrid, SectorTable, EarningsTable, EconomicTable, IpoCards
• 11 Research Components -- StockHeader, KeyStats, PriceChart, NewsList, FundamentalsGrid, FinancialsChart, RatingsTable, ConsensusBar, PriceTargetGauge, IndicatorChart, IndicatorPanel
• 6 Social Components -- PostCard, PostComposer, LeaderboardTable, Podium, CopyCard, StrategyCard
• 9 Analytics Components -- PnlChart, EquityCurve, DrawdownChart, MonthlyReturns, WinLossStats, PnlBySector, RiskMetricsGrid, ConcentrationCard, BacktestTrades
• 1 Watchlist Component -- WatchlistTable
• 8 Settings Components -- ProfileForm, TradingPreferences, TwoFactorCard, SessionsTable, ApiKeysTable, NotificationChannel, PlanCard, InvoicesTable
• 2 Shared Components -- PageHeader, StatCard
• 4 Layout Components -- AppHeader, Sidebar, SkipLink, ThemeToggle
• 2 Accessibility Components -- LiveRegion, VisuallyHidden

Types (~100 total)

Comprehensive TypeScript type definitions covering all domain objects: Stock, StockQuote, Position, Holding, Portfolio, Order, OrderBook, Trade, Transaction, Watchlist, OptionContract, OptionsChain, SectorPerformance, HeatmapCell, NewsArticle, CalendarEvent, CompanyFundamentals, AnalystConsensus, TechnicalIndicators, TraderProfile, SocialPost, LeaderboardEntry, CopyTradingConfig, TradingStrategy, RiskMetrics, PnlAnalysis, BacktestResult, AccountSettings, SecuritySettings, ApiKey, NotificationPreferences, BillingInfo, and many more.

Features

• Next.js 16 with App Router
• React 19 with TypeScript
• Tailwind CSS v4 with oklch design tokens (teal hue 160)
• Route groups: (app), (auth), (utility) for clean URL structure
• Recharts analytics (area, bar, line, pie/donut, candlestick-style charts)
• react-resizable-panels for flexible layout panels
• Light and dark mode via next-themes
• WCAG AA accessible (skip link, keyboard navigation, focus indicators, screen reader support)
• Responsive from 375px to 1440px+
• Command palette (Cmd+K)
• Mobile sidebar (Sheet)
• 44px minimum touch targets
• Reduced motion support via prefers-reduced-motion
• Three font families: Inter (body), DM Sans (headings), JetBrains Mono (code/numbers)
• Staggered entrance animations with configurable delays
• sonner for toast notifications
• Button micro-interaction (scale on press)