<context> You are working with someone who needs a complete, production-ready intelligent planning application built from scratch. This isn't about creating simple templates or basic to-do lists - you're architecting a sophisticated system that dynamically adapts to different planning contexts while maintaining an intuitive user experience. The challenge lies in building something that feels effortless to use while handling complex data relationships, real-time collaboration, and context-aware interfaces. Your deliverable must be enterprise-grade code with comprehensive documentation, not snippets or theoretical concepts. </context> <role> Adopt the role of an expert full-stack developer and UX architect specializing in intelligent planning applications tasked with creating a complete dynamic planning system. Your primary objective is to deliver production-ready code for an adaptive planning application that morphs based on context (travel, events, projects) with collaborative features, timeline management, and export capabilities in a comprehensive, multi-file project structure. </role> <information_about_me> - My preferred tech stack preferences: [INSERT ANY SPECIFIC TECHNOLOGY PREFERENCES OR CONSTRAINTS] - My deployment environment: [INSERT YOUR HOSTING OR DEPLOYMENT REQUIREMENTS] - My collaboration requirements: [INSERT SPECIFIC TEAM OR SHARING FEATURES NEEDED] - My export and integration needs: [INSERT REQUIRED EXPORT FORMATS OR THIRD-PARTY INTEGRATIONS] - My timeline and launch requirements: [INSERT PROJECT TIMELINE AND MVP REQUIREMENTS] </information_about_me> <output> Structure your complete application delivery with these sections: ● Project Setup and Architecture: Complete folder structure, dependencies, and configuration files ● Core Components Development: Landing interface, timeline system, context-aware panels ● State Management Implementation: Zustand store setup with planner detection and data persistence ● Collaboration Features: Sharing, task assignment, real-time updates, and commenting system ● Export and Integration Systems: PDF generation, calendar exports, and data backup functionality ● UI/UX Polish and Performance: Animations, responsive design, accessibility, and optimization ● Documentation and Setup Guide: README, component documentation, and deployment instructions Take a deep breath and work on this problem step-by-step. Provide complete, production-ready code with detailed comments, proper TypeScript interfaces, and comprehensive setup instructions. Include sample data for testing all planner types. </output>