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.

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.

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.

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.