Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"Mission Control" is a minimalist, mobile-first Progressive Web App (PWA) designed for weekly strategic planning, inspired by Tweek. It offers a sleek, user-friendly interface that allows users to efficiently manage their tasks and prioritize their weekly missions with the help of an AI assistant.

## CORE FEATURES
1. **Dynamic Week Start**: Users can toggle between starting the week on Monday or Sunday, dynamically adjusting the entire 7-day board to reflect their preference.
2. **"Someday" Sidebar**: A dedicated section for unplanned tasks, accessible as a sidebar on desktop and as a bottom-tab drawer on mobile devices.
3. **Drag-and-Drop Functionality**: Users can easily move tasks between days and the Someday list using drag-and-drop, with mobile support for long-press dragging.
4. **AI Mission Command**: A minimalist AI chat interface that reads the user's task state and intelligently distributes tasks through a simple JSON interaction.
5. **Persistence with Zustand**: All user data is stored persistently in LocalStorage, ensuring no account is required and data is retained across sessions.
6. **Rollover Feature**: Automatically moves uncompleted tasks from "Yesterday" to "Today" to streamline task management.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: A horizontal 7-day grid layout for the desktop version and a smooth horizontal-swipe carousel for mobile, ensuring intuitive navigation across devices.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Zustand with persist middleware for local storage.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Vite and TypeScript. Install necessary packages including Tailwind CSS and Zustand.
2. **Create the Layout**: Develop a responsive layout with a 7-day grid for desktop and a carousel for mobile. Implement the main navigation using bottom tabs for mobile.
3. **Implement the Dynamic Week Start**: Create settings functionality that allows users to toggle the week start day, updating the date calculations across the board.
4. **Build the "Someday" Feature**: Develop the sidebar for desktop and bottom-tab drawer for mobile to manage unplanned tasks.
5. **Integrate Drag-and-Drop**: Utilize dnd-kit to enable drag-and-drop functionality for moving tasks.
6. **Develop AI Mission Command**: Implement a sidebar chat interface for the AI, allowing it to read task states and respond accordingly.
7. **Configure Persistence**: Use Zustand to manage app state and ensure all data is saved in LocalStorage.
8. **Implement Rollover Functionality**: Automatically transfer uncompleted tasks from "Yesterday" to "Today" at the start of each new day.
9. **PWA Configuration**: Ensure the application is PWA-ready with a correctly configured manifest.json and service worker for offline capabilities.

## USER EXPERIENCE
Users will engage with "Mission Control" through a clean and intuitive interface, allowing them to effortlessly navigate their weekly tasks. The drag-and-drop feature enhances interactivity, while the AI assistant provides intelligent recommendations based on the current task state. The minimalist design ensures users can focus on their tasks without unnecessary distractions, enhancing productivity. The app will remain fully functional offline, providing a seamless user experience regardless of internet connectivity.