Initial commit from ux_aura_central

This commit is contained in:
DIVYANSH-675
2026-03-25 01:21:37 +05:30
commit b096f07978
69 changed files with 5922 additions and 0 deletions

32
docs/filespec.md Normal file
View File

@@ -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.