Initial commit from ux_aura_central

docs/blueprint.md

@@ -0,0 +1,24 @@
+# Aura Central App Blueprint
+
+## Overview
+Aura Central is a "Central Nervous System" application designed to be a personal AI assistant and productivity dashboard. It features a modern, high-density interface with real-time updates and multi-modal interaction (Chat, Voice, Meet).
+
+## Core Features
+- **Multi-step Authentication**: A secure, invite-only onboarding process with email, phone, and 2FA (TOTP) verification.
+- **Subscription Management**: A billing flow for managing AI credits and plan levels.
+- **Intelligent Dashboard**: A centralized hub for tasks, schedule, files, and recent communications.
+- **Multi-modal Assistant (Ask Aura)**:
+  - **Chat**: Text-based interaction with Gemini AI.
+  - **Voice**: Real-time voice interaction.
+  - **Meet**: Meeting transcription and summarization.
+- **Contextual View Modes**: Toggle between "Professional" and "Personal" modes to filter relevant tasks and information.
+
+## Technical Stack
+- **Frontend**: React with TypeScript.
+- **Styling**: Tailwind CSS with custom theme variables.
+- **Animations**: Framer Motion (motion/react).
+- **Backend/Database**: Firebase (Firestore & Authentication).
+- **AI Integration**: Google Gemini API via `@google/genai`.
+
+## Architecture
+The app follows a Single Page Application (SPA) architecture. The main `App.tsx` handles the core layout and state management, while specialized components handle the authentication and subscription flows. Styling is modularized into several CSS files to separate concerns (theme, layout, components, etc.).

docs/filespec.md

@@ -0,0 +1,32 @@
+# Aura Central File Specification
+
+## Root Directory
+- **.env.example**: Template for environment variables (e.g., Gemini API Key).
+- **.gitignore**: Specifies files and directories to be ignored by Git.
+- **firebase-applet-config.json**: Configuration for the Firebase project (API keys, project IDs).
+- **firebase-blueprint.json**: Intermediate representation of the Firestore data structure.
+- **firestore.rules**: Security rules for the Firestore database.
+- **index.html**: The main entry point for the browser.
+- **metadata.json**: Application metadata (name, description, permissions).
+- **package.json**: Manages npm dependencies and scripts.
+- **tsconfig.json**: TypeScript compiler configuration.
+- **vite.config.ts**: Configuration for the Vite build tool.
+
+## /src Directory
+- **App.tsx**: The main application component. It handles the core dashboard layout, state management, and view mode toggling.
+- **firebase.ts**: Initializes the Firebase SDK and exports the database and authentication instances.
+- **index.css**: The main entry point for CSS, importing all modular style files.
+- **main.tsx**: The entry point for the React application, rendering the `App` component.
+
+## /src/components Directory
+- **AuthFlow.tsx**: Implements the multi-step onboarding process (Welcome, Invite Code, Email, Phone, 2FA).
+- **SubscriptionFlow.tsx**: Handles the billing and credit top-up process for Aura Pro subscriptions.
+
+## /src/styles Directory
+- **aura.css**: Styles specific to the "Ask Aura" assistant (chat bubbles, suggestion pills, voice/meet circles).
+- **auth.css**: Styles for the authentication and onboarding flow.
+- **base.css**: Global base styles, resets, and custom scrollbar styling.
+- **components.css**: Reusable UI component styles (cards, inputs, buttons, badges) defined as Tailwind utilities.
+- **layout.css**: Styles for the main dashboard grid, header, and toolbar.
+- **theme.css**: Defines the color palette, CSS variables, and dark mode configuration.
+- **utilities.css**: Additional custom utility classes for the application.