Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to manage user roles and permissions effectively, specifically focusing on maintaining owner access and functionality within a dashboard. It aims to ensure that the owner role remains persistent across sessions and refreshes, thereby enhancing user experience and operational efficiency.

## CORE FEATURES
1. **Role Management**: Implement a role-based system that securely stores user roles (owner, seller, member) in localStorage or sessionStorage upon login.
2. **Role Loading**: On application startup, retrieve the user role from the backend using the GET /functions/getUser API and update the local role accordingly.
3. **Protected Routes**: Restrict access to the owner dashboard, allowing entry only if the user role is "owner". Redirect users with other roles to the member dashboard.
4. **Session Persistence**: Ensure that the authentication token and user role persist across page refreshes, rehydrating the application state on load.
5. **Owner Dashboard Functionality**: All actions within the owner dashboard must utilize the Base44 API, using Bearer token authentication without relying on member sessions.
6. **Fallback Prevention**: Remove any assumptions that default to the member role unless confirmed from the backend.

## 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 main layout will feature a clean dashboard interface with a sidebar for navigation and a main content area to display relevant data based on the user role.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Redux or Context API for managing user session and authentication state

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Create Authentication Context**: Implement a context for managing user authentication and role state, ensuring it persists across sessions.
3. **Implement Role Storage**: Create functions to store and retrieve user roles using localStorage/sessionStorage.
4. **API Integration**: Set up API calls to the backend to fetch user roles and integrate Base44 API for owner dashboard actions.
5. **Protect Routes**: Use React Router's protected route functionality to restrict access to the owner dashboard based on user roles.
6. **Design Dashboard UI**: Develop the owner dashboard interface, ensuring it aligns with the minimalist design specifications and incorporates the designated typography and color scheme.

## USER EXPERIENCE
Users will interact with a streamlined interface where they can log in and be directed to their respective dashboards based on their role. Owners will have full access to dashboard functionalities, while other roles will be redirected accordingly. The application will maintain user states across sessions, ensuring a seamless experience while navigating between pages or refreshing the browser.