Every component imports from 'lucide-react' using named imports (e.g. import { Flame, Search, Shield, ... } from 'lucide-react'). Without optimizePackageImports configured in next.config.ts, the bundler may include the full lucide-react package rather than tree-shaking to only the used icons. The beast-mode-tab.tsx alone imports 23 icons. Across 50+ component files this is significant.
Category: bundle File: src/components/beast-mode-tab.tsx Recommendation: Add lucide-react to experimental.optimizePackageImports in next.config.ts. This instructs Next.js to rewrite barrel imports to direct path imports at compile time, guaranteeing tree-shaking regardless of bundler configuration. Estimated Improvement: Could reduce JS bundle by 150–300 KB depending on actual tree-shaking behavior without the hint.