Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a responsive web application designed for task management, enabling users to manage multiple organizations or branches from a single account. The platform features automated reminders and supports multi-workspace collaboration, providing seamless workspace switching without requiring logout.

## CORE FEATURES
1. **Multi-Workspace System**: Users can create and switch between multiple workspaces (organizations/branches) using a workspace switcher dropdown in the top navigation.
2. **Task Management Board**: A Kanban-style task board that allows for quick task creation, assignment to team members, deadline setting, and priority levels (Low/Medium/High/Urgent) with color-coded labels.
3. **Automated Reminders & Notifications**: The system sends automated deadline reminders to staff via Telegram Bot and Zalo Bot integrations, with a Settings page for connecting these bots using token-based mechanisms.
4. **Visual Reports Dashboard**: An analytics dashboard featuring charts (bar/line/pie) that display task completion rates, team performance, and a visual timeline view of project progress.
5. **Role-Based Access Control**: Four permission levels (Owner, Admin, Manager, Employee) with a Team Management page for managing member profiles, job titles, and roles per workspace.
6. **Notification Channels Page**: A settings section that lists integrations (Telegram Bot, Zalo Bot) with connect/configure buttons and status indicators.

## 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: The application features a sidebar navigation (collapsible on mobile) with sections for Dashboard, Task Board, Team, Reports, Notification Channels, and Settings. The main content area will utilize card-based UI components with a clear visual hierarchy and generous whitespace.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: [Specify if needed]

## IMPLEMENTATION STEPS
1. Set up the project environment with React and TypeScript.
2. Install Tailwind CSS and set up styling for the application.
3. Create the main application layout with a sidebar navigation and main content area.
4. Implement the multi-workspace system allowing users to create and switch workspaces.
5. Develop the task management board using a Kanban layout, including features for task creation, assignment, and priority setting.
6. Integrate Telegram and Zalo Bot for automated reminders and set up the necessary settings page for token configuration.
7. Build the visual reports dashboard with analytics charts and project progress timelines.
8. Implement role-based access control and team management features.
9. Create the notification channels page to manage integration statuses and configurations.
10. Conduct thorough testing for responsiveness and user experience.

## USER EXPERIENCE
Key user interactions include seamless workspace switching, intuitive task management through drag-and-drop functionality on the Kanban board, and straightforward configuration of automated reminders via the settings page. The visual reports dashboard provides users with easy access to performance metrics, enhancing their ability to monitor projects effectively. The minimalist design ensures clarity and focus, making the application user-friendly and efficient for managing tasks across multiple workspaces.