From 7b0bc242b7a498c436e9d41672c276ff6bf25cff Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 10 Jul 2025 14:00:48 +0000
Subject: [PATCH 1/3] Add process flow and use case diagrams for finance AI
 assistant

Co-authored-by: nitinwartkar58 <nitinwartkar58@gmail.com>
---
 process_flow_diagram.md | 178 +++++++++++++++++++++++++++++
 use_case_diagram.md     | 246 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 424 insertions(+)
 create mode 100644 process_flow_diagram.md
 create mode 100644 use_case_diagram.md

diff --git a/process_flow_diagram.md b/process_flow_diagram.md
new file mode 100644
index 0000000..aeec43f
--- /dev/null
+++ b/process_flow_diagram.md
@@ -0,0 +1,178 @@
+# Personal Finance AI Assistant - Process Flow Diagram
+
+## Main User Journey Flow
+
+```mermaid
+flowchart TD
+    A[User Starts App] --> B{First Time User?}
+    
+    B -->|Yes| C[Onboarding Process]
+    B -->|No| D[Dashboard Landing]
+    
+    C --> C1[Account Setup]
+    C1 --> C2[Connect Financial Accounts via Fi MCP]
+    C2 --> C3[Data Sync & Validation]
+    C3 --> C4[Initial Financial Health Analysis]
+    C4 --> D
+    
+    D --> E[Main Dashboard View]
+    E --> F[Choose Action]
+    
+    F --> G[Chat with AI Assistant]
+    F --> H[View Financial Dashboard]
+    F --> I[Set Goals & Projections]
+    F --> J[Review Insights & Recommendations]
+    F --> K[Export Data/Reports]
+    
+    %% Chat Flow
+    G --> G1[Natural Language Query]
+    G1 --> G2[Gemini AI Processing]
+    G2 --> G3[Data Retrieval & Analysis]
+    G3 --> G4[Conversational Response]
+    G4 --> G5{More Questions?}
+    G5 -->|Yes| G1
+    G5 -->|No| F
+    
+    %% Dashboard Flow
+    H --> H1[Net Worth Overview]
+    H --> H2[Income vs Expenses]
+    H --> H3[Investment Summary]
+    H --> H4[Credit Score Status]
+    H1 --> H5[Drill Down Details]
+    H2 --> H5
+    H3 --> H5
+    H4 --> H5
+    H5 --> F
+    
+    %% Goals & Projections Flow
+    I --> I1[Create New Goal]
+    I --> I2[View Existing Goals]
+    I1 --> I3[Goal Parameters Input]
+    I2 --> I4[Goal Progress Review]
+    I3 --> I5[AI Simulation & Projection]
+    I4 --> I6[Update Goal Parameters]
+    I5 --> I7[Goal Tracking Setup]
+    I6 --> I5
+    I7 --> F
+    
+    %% Insights Flow
+    J --> J1[Financial Health Score]
+    J --> J2[Investment Recommendations]
+    J --> J3[Debt Optimization]
+    J --> J4[Budget Analysis]
+    J1 --> J5[Detailed Breakdown]
+    J2 --> J5
+    J3 --> J5
+    J4 --> J5
+    J5 --> F
+    
+    %% Export Flow
+    K --> K1[Choose Export Format]
+    K1 --> K2[PDF Report]
+    K1 --> K3[CSV Data]
+    K1 --> K4[API Export]
+    K2 --> K5[Generate & Download]
+    K3 --> K5
+    K4 --> K5
+    K5 --> F
+    
+    %% Background Processes
+    L[Scheduled Data Sync] --> L1[Fetch Latest Financial Data]
+    L1 --> L2[Data Normalization]
+    L2 --> L3[Update User Profiles]
+    L3 --> L4[Generate New Insights]
+    L4 --> L5[Send Notifications]
+    
+    M[Anomaly Detection] --> M1[Transaction Monitoring]
+    M1 --> M2[Pattern Analysis]
+    M2 --> M3{Anomaly Found?}
+    M3 -->|Yes| M4[Alert User]
+    M3 -->|No| M1
+    M4 --> M1
+    
+    N[Financial Nudges] --> N1[Analyze User Behavior]
+    N1 --> N2[Generate Personalized Nudges]
+    N2 --> N3[Schedule Delivery]
+    N3 --> N4[Send Nudge]
+    N4 --> N1
+```
+
+## Detailed Sub-Process Flows
+
+### 1. Account Linking Process
+```mermaid
+flowchart LR
+    A[Select Account Type] --> B[Fi MCP Authentication]
+    B --> C[Grant Permissions]
+    C --> D[Validate Connection]
+    D --> E{Connection Success?}
+    E -->|Yes| F[Initial Data Pull]
+    E -->|No| G[Retry/Troubleshoot]
+    G --> B
+    F --> H[Data Validation]
+    H --> I[Store Encrypted Data]
+    I --> J[Account Linked Successfully]
+```
+
+### 2. AI Query Processing
+```mermaid
+flowchart TD
+    A[User Input Query] --> B[Natural Language Processing]
+    B --> C[Intent Classification]
+    C --> D[Entity Extraction]
+    D --> E[Query Validation]
+    E --> F{Data Required?}
+    F -->|Yes| G[Fetch Financial Data]
+    F -->|No| H[Use Cached Data]
+    G --> I[Data Analysis]
+    H --> I
+    I --> J[Gemini AI Processing]
+    J --> K[Generate Response]
+    K --> L[Format for UI]
+    L --> M[Return to User]
+```
+
+### 3. Financial Health Analysis
+```mermaid
+flowchart TD
+    A[Collect All Financial Data] --> B[Calculate Key Metrics]
+    B --> C[Debt-to-Income Ratio]
+    B --> D[Emergency Fund Status]
+    B --> E[Investment Allocation]
+    B --> F[Expense Patterns]
+    C --> G[Generate Health Score]
+    D --> G
+    E --> G
+    F --> G
+    G --> H[Identify Improvement Areas]
+    H --> I[Generate Recommendations]
+    I --> J[Prioritize Actions]
+    J --> K[Present to User]
+```
+
+### 4. Goal Simulation Process
+```mermaid
+flowchart LR
+    A[Goal Input] --> B[Current Financial State]
+    B --> C[Define Parameters]
+    C --> D[Monte Carlo Simulation]
+    D --> E[Project Multiple Scenarios]
+    E --> F[Calculate Probability]
+    F --> G[Generate Timeline]
+    G --> H[What-if Analysis]
+    H --> I[Present Results]
+    I --> J[Track Progress]
+```
+
+## Data Security & Privacy Flow
+```mermaid
+flowchart TD
+    A[Financial Data] --> B[Encryption at Rest]
+    B --> C[Secure Transmission]
+    C --> D[Access Control]
+    D --> E[Audit Logging]
+    E --> F[Data Anonymization]
+    F --> G[User Consent Management]
+    G --> H[Export Controls]
+    H --> I[Data Retention Policy]
+```
\ No newline at end of file
diff --git a/use_case_diagram.md b/use_case_diagram.md
new file mode 100644
index 0000000..b0834b4
--- /dev/null
+++ b/use_case_diagram.md
@@ -0,0 +1,246 @@
+# Personal Finance AI Assistant - Use Case Diagram
+
+## System Overview
+```mermaid
+graph TB
+    subgraph "Personal Finance AI Assistant System"
+        subgraph "Core MVP Features"
+            UC1[Account Linking & Data Sync]
+            UC2[Conversational AI Interface]
+            UC3[Financial Dashboard]
+            UC4[Goals & Projections]
+            UC5[Financial Health Analysis]
+            UC6[Insights & Recommendations]
+            UC7[Data Export & Privacy]
+        end
+        
+        subgraph "Advanced Features"
+            UC8[Visual Analytics]
+            UC9[Anomaly Detection]
+            UC10[Financial Nudges]
+        end
+        
+        subgraph "Background Services"
+            UC11[Data Synchronization]
+            UC12[AI Processing]
+            UC13[Security Management]
+        end
+    end
+    
+    %% Actors
+    User[👤 End User]
+    Admin[👨‍💼 System Admin]
+    FinInst[🏦 Financial Institutions]
+    AIService[🤖 Gemini AI Service]
+    MCPService[🔗 Fi MCP Service]
+    
+    %% User relationships
+    User --> UC1
+    User --> UC2
+    User --> UC3
+    User --> UC4
+    User --> UC5
+    User --> UC6
+    User --> UC7
+    User --> UC8
+    User --> UC9
+    User --> UC10
+    
+    %% Admin relationships
+    Admin --> UC13
+    Admin --> UC11
+    
+    %% External service relationships
+    FinInst --> UC1
+    AIService --> UC2
+    AIService --> UC4
+    AIService --> UC5
+    AIService --> UC6
+    MCPService --> UC1
+    MCPService --> UC11
+```
+
+## Detailed Use Case Descriptions
+
+### 1. Account Linking & Data Sync
+```mermaid
+graph LR
+    User[👤 User] --> UC1_1[Connect Bank Account]
+    User --> UC1_2[Link Mutual Fund Account]
+    User --> UC1_3[Add Credit Card]
+    User --> UC1_4[Connect EPF Account]
+    User --> UC1_5[Link Loan Account]
+    User --> UC1_6[Manage Account Permissions]
+    User --> UC1_7[Remove Account Connection]
+    
+    UC1_1 --> MCPService[🔗 Fi MCP]
+    UC1_2 --> MCPService
+    UC1_3 --> MCPService
+    UC1_4 --> MCPService
+    UC1_5 --> MCPService
+    
+    MCPService --> FinInst[🏦 Financial Institutions]
+```
+
+### 2. Conversational AI Interface
+```mermaid
+graph LR
+    User[👤 User] --> UC2_1[Ask Financial Question]
+    User --> UC2_2[Request Spending Analysis]
+    User --> UC2_3[Query Net Worth]
+    User --> UC2_4[Ask Investment Advice]
+    User --> UC2_5[Check Loan Affordability]
+    User --> UC2_6[Get Budget Insights]
+    
+    UC2_1 --> AIService[🤖 Gemini AI]
+    UC2_2 --> AIService
+    UC2_3 --> AIService
+    UC2_4 --> AIService
+    UC2_5 --> AIService
+    UC2_6 --> AIService
+```
+
+### 3. Financial Dashboard
+```mermaid
+graph LR
+    User[👤 User] --> UC3_1[View Net Worth]
+    User --> UC3_2[Check Income vs Expenses]
+    User --> UC3_3[Monitor Credit Score]
+    User --> UC3_4[Review Investment Summary]
+    User --> UC3_5[Track Asset Allocation]
+    User --> UC3_6[View Liability Breakdown]
+    User --> UC3_7[Customize Dashboard]
+```
+
+### 4. Goals & Projections
+```mermaid
+graph LR
+    User[👤 User] --> UC4_1[Set Home Purchase Goal]
+    User --> UC4_2[Plan Retirement Savings]
+    User --> UC4_3[Create Education Fund]
+    User --> UC4_4[Run What-If Simulations]
+    User --> UC4_5[Track Goal Progress]
+    User --> UC4_6[Modify Goal Parameters]
+    User --> UC4_7[Compare Scenarios]
+    
+    UC4_4 --> AIService[🤖 Gemini AI]
+    UC4_7 --> AIService
+```
+
+### 5. Financial Health Analysis
+```mermaid
+graph LR
+    User[👤 User] --> UC5_1[Get Health Score]
+    User --> UC5_2[Analyze Debt Ratio]
+    User --> UC5_3[Check Emergency Fund]
+    User --> UC5_4[Review Expense Patterns]
+    User --> UC5_5[Assess Investment Risk]
+    
+    UC5_1 --> AIService[🤖 Gemini AI]
+    UC5_2 --> AIService
+    UC5_3 --> AIService
+    UC5_4 --> AIService
+    UC5_5 --> AIService
+```
+
+### 6. Insights & Recommendations
+```mermaid
+graph LR
+    User[👤 User] --> UC6_1[Get Investment Suggestions]
+    User --> UC6_2[Receive Debt Advice]
+    User --> UC6_3[Budget Optimization Tips]
+    User --> UC6_4[SIP Performance Review]
+    User --> UC6_5[Tax Saving Recommendations]
+    User --> UC6_6[Risk Assessment]
+    
+    UC6_1 --> AIService[🤖 Gemini AI]
+    UC6_2 --> AIService
+    UC6_3 --> AIService
+    UC6_4 --> AIService
+    UC6_5 --> AIService
+    UC6_6 --> AIService
+```
+
+### 7. Data Privacy & Export
+```mermaid
+graph LR
+    User[👤 User] --> UC7_1[Export PDF Report]
+    User --> UC7_2[Download CSV Data]
+    User --> UC7_3[Manage Data Permissions]
+    User --> UC7_4[View Data Usage]
+    User --> UC7_5[Delete Personal Data]
+    User --> UC7_6[Share with Third Party]
+    User --> UC7_7[API Data Access]
+```
+
+## Actor Definitions
+
+### Primary Actors
+
+**👤 End User (Primary Actor)**
+- Individual seeking personal finance management
+- Wants to understand financial health and make informed decisions
+- Interacts with all core features of the system
+
+**👨‍💼 System Administrator**
+- Manages system configuration and security
+- Monitors system performance and data integrity
+- Handles user support and troubleshooting
+
+### Secondary Actors
+
+**🏦 Financial Institutions**
+- Banks, mutual fund companies, credit card providers
+- Provide financial data through APIs
+- Maintain account information and transaction history
+
+**🤖 Gemini AI Service**
+- Google's AI service for natural language processing
+- Generates insights and recommendations
+- Processes complex financial queries
+
+**🔗 Fi MCP (Model Context Protocol) Service**
+- Secure data aggregation service
+- Connects to multiple financial institutions
+- Normalizes and standardizes financial data
+
+## Use Case Priorities
+
+### Core MVP (Must Have)
+1. **Account Linking & Data Sync** - Foundation for all other features
+2. **Conversational AI Interface** - Primary user interaction method
+3. **Financial Dashboard** - Central information hub
+4. **Goals & Projections** - Key value proposition
+5. **Financial Health Analysis** - Core analytical feature
+6. **Insights & Recommendations** - AI-driven value addition
+7. **Data Privacy & Export** - Security and compliance
+
+### Advanced Features (Should Have)
+8. **Visual Analytics** - Enhanced user experience
+9. **Anomaly Detection** - Proactive security
+10. **Financial Nudges** - Behavioral improvement
+
+### Supporting Services (Must Have for Operations)
+11. **Data Synchronization** - Automated data updates
+12. **AI Processing** - Backend intelligence
+13. **Security Management** - System protection
+
+## Key Use Case Relationships
+
+```mermaid
+graph TD
+    UC1[Account Linking] --> UC3[Dashboard]
+    UC1 --> UC5[Health Analysis]
+    UC3 --> UC2[AI Chat]
+    UC5 --> UC6[Recommendations]
+    UC6 --> UC4[Goals & Projections]
+    UC2 --> UC7[Data Export]
+    UC11[Data Sync] --> UC1
+    UC11 --> UC9[Anomaly Detection]
+    UC12[AI Processing] --> UC2
+    UC12 --> UC4
+    UC12 --> UC5
+    UC12 --> UC6
+    UC13[Security] --> UC1
+    UC13 --> UC7
+```
\ No newline at end of file

From 9ebb2e62433f4f2b0cd2b26b1d443589235a4a7d Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 10 Jul 2025 14:22:25 +0000
Subject: [PATCH 2/3] Add wireframes and mockups for FinanceAI product design

Co-authored-by: nitinwartkar58 <nitinwartkar58@gmail.com>
---
 wireframes_mockups.md | 665 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 665 insertions(+)
 create mode 100644 wireframes_mockups.md

diff --git a/wireframes_mockups.md b/wireframes_mockups.md
new file mode 100644
index 0000000..d16b3bd
--- /dev/null
+++ b/wireframes_mockups.md
@@ -0,0 +1,665 @@
+# Personal Finance AI Assistant - Wireframes & Mockups
+
+## 1. Landing & Onboarding Flow
+
+### Landing Page
+```
+┌─────────────────────────────────────────────────────────────────────┐
+│  🏦 FinanceAI                                    [Login] [Sign Up]  │
+├─────────────────────────────────────────────────────────────────────┤
+│                                                                     │
+│           🤖 Your Personal Finance AI Assistant                     │
+│                                                                     │
+│     Connect all your accounts • Get AI insights • Achieve goals    │
+│                                                                     │
+│                     [Get Started Free]                             │
+│                                                                     │
+│  ┌─────────────┐  ┌─────────────┐  ┌─────────────┐  ┌─────────────┐ │
+│  │     💳      │  │     📊      │  │     🎯      │  │     🔒      │ │
+│  │   Connect   │  │   Smart     │  │   Goal      │  │   Secure    │ │
+│  │ 18+ Accounts│  │ Insights    │  │ Planning    │  │  & Private  │ │
+│  └─────────────┘  └─────────────┘  └─────────────┘  └─────────────┘ │
+│                                                                     │
+└─────────────────────────────────────────────────────────────────────┘
+```
+
+### Onboarding - Step 1: Welcome
+```
+┌─────────────────────────────────────────────────────────────────────┐
+│  ← Back                    Welcome to FinanceAI           Step 1/4  │
+├─────────────────────────────────────────────────────────────────────┤
+│                                                                     │
+│                      👋 Hi there!                                  │
+│                                                                     │
+│              Let's set up your financial dashboard                  │
+│                                                                     │
+│  ┌─────────────────────────────────────────────────────────────┐   │
+│  │ Name: [________________]                                    │   │
+│  │                                                             │   │
+│  │ Email: [________________]                                   │   │
+│  │                                                             │   │
+│  │ Phone: [________________]                                   │   │
+│  └─────────────────────────────────────────────────────────────┘   │
+│                                                                     │
+│                     [Continue]                                     │
+│                                                                     │
+└─────────────────────────────────────────────────────────────────────┘
+```
+
+### Onboarding - Step 2: Account Linking
+```
+┌─────────────────────────────────────────────────────────────────────┐
+│  ← Back              Connect Your Accounts              Step 2/4    │
+├─────────────────────────────────────────────────────────────────────┤
+│                                                                     │
+│           🔗 Connect your financial accounts securely               │
+│                                                                     │
+│  ┌─────────────┐  ┌─────────────┐  ┌─────────────┐  ┌─────────────┐ │
+│  │    🏦       │  │    💳       │  │    📈       │  │    🏠       │ │
+│  │   Banks     │  │Credit Cards │  │Investments  │  │   Loans     │ │
+│  │             │  │             │  │             │  │             │ │
+│  │ [+ Connect] │  │ [+ Connect] │  │ [+ Connect] │  │ [+ Connect] │ │
+│  └─────────────┘  └─────────────┘  └─────────────┘  └─────────────┘ │
+│                                                                     │
+│  ✅ SBI Bank Account          ✅ HDFC Credit Card                   │
+│  ✅ ICICI Savings Account     ⏳ Axis Mutual Funds                  │
+│                                                                     │
+│                [Skip for Now]    [Continue]                        │
+│                                                                     │
+└─────────────────────────────────────────────────────────────────────┘
+```
+
+## 2. Main Dashboard
+
+### Dashboard - Overview
+```
+┌─────────────────────────────────────────────────────────────────────┐
+│ 🏦 FinanceAI    Dashboard  Goals  Chat  Insights       👤 John D. ▼│
+├─────────────────────────────────────────────────────────────────────┤
+│                                                                     │
+│ 👋 Good morning, John!                          📅 Dec 15, 2024    │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │                        Net Worth                                │ │
+│ │                     ₹18,45,000                                 │ │
+│ │                  ↗️ +2.3% this month                            │ │
+│ │                                                                 │ │
+│ │  Assets: ₹22,15,000          Liabilities: ₹3,70,000           │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│ ┌──────────────────────┐ ┌──────────────────────┐ ┌──────────────┐ │
+│ │   Monthly Overview   │ │    Investment        │ │ Credit Score │ │
+│ │                      │ │    Performance       │ │              │ │
+│ │ Income:  ₹1,25,000   │ │                      │ │     780      │ │
+│ │ Expenses:  ₹85,000   │ │   Portfolio: ₹8.2L   │ │   ⭐ Good    │ │
+│ │ Savings:   ₹40,000   │ │   Returns: +12.5%    │ │              │ │
+│ │                      │ │   📈 [View Details]  │ │  [View More] │ │
+│ └──────────────────────┘ └──────────────────────┘ └──────────────┘ │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 🎯 Your Goals                                                   │ │
+│ │                                                                 │ │
+│ │ 🏠 Home Purchase (₹50L)     ████████░░ 80%    ₹40L saved       │ │
+│ │ 🎓 Kids Education (₹25L)    ████░░░░░░ 40%    ₹10L saved       │ │
+│ │ 🏖️ Retirement (₹2Cr)        ██░░░░░░░░ 20%    ₹40L saved       │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+└─────────────────────────────────────────────────────────────────────┘
+```
+
+### Dashboard - Detailed View
+```
+┌─────────────────────────────────────────────────────────────────────┐
+│ 🏦 FinanceAI    Dashboard  Goals  Chat  Insights       👤 John D. ▼│
+├─────────────────────────────────────────────────────────────────────┤
+│                                                                     │
+│ ← Back to Overview                    📊 Detailed Financial View    │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 💰 Assets Breakdown                                             │ │
+│ │                                                                 │ │
+│ │ 🏦 Bank Accounts        ₹4,50,000   ████████████                │ │
+│ │ 📈 Investments          ₹8,20,000   ████████████████████        │ │
+│ │ 🏠 Real Estate          ₹9,45,000   ████████████████████████    │ │
+│ │                                                                 │ │
+│ │ Total Assets: ₹22,15,000                                       │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 💳 Liabilities Breakdown                                        │ │
+│ │                                                                 │ │
+│ │ 🏠 Home Loan            ₹2,80,000   ████████████████            │ │
+│ │ 🚗 Car Loan             ₹65,000     ████                        │ │
+│ │ 💳 Credit Card          ₹25,000     ██                          │ │
+│ │                                                                 │ │
+│ │ Total Liabilities: ₹3,70,000                                   │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│ ┌────────────────────┐ ┌────────────────────┐ ┌────────────────────┐ │
+│ │ Monthly Cash Flow  │ │  Expense Categories │ │   Recent Activity  │ │
+│ │                    │ │                     │ │                    │ │
+│ │ ↗️ Income: ₹1.25L   │ │ 🏠 Housing: 35%     │ │ Dec 14: Grocery    │ │
+│ │ ↘️ Expenses: ₹85K   │ │ 🍽️ Food: 20%        │ │ ₹2,400            │ │
+│ │ 💰 Net: +₹40K       │ │ 🚗 Transport: 15%   │ │                    │ │
+│ │                    │ │ 🛍️ Shopping: 12%    │ │ Dec 13: Fuel       │ │
+│ │ [View Trends]      │ │ 💊 Health: 8%       │ │ ₹3,200            │ │
+│ └────────────────────┘ └────────────────────┘ └────────────────────┘ │
+│                                                                     │
+└─────────────────────────────────────────────────────────────────────┘
+```
+
+## 3. AI Chat Interface
+
+### Chat - Main Interface
+```
+┌─────────────────────────────────────────────────────────────────────┐
+│ 🏦 FinanceAI    Dashboard  Goals  Chat  Insights       👤 John D. ▼│
+├─────────────────────────────────────────────────────────────────────┤
+│                                                                     │
+│ 🤖 AI Financial Assistant                          [Clear Chat]    │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │                                                                 │ │
+│ │ 🤖 Hi John! I'm your AI financial assistant. Ask me anything   │ │
+│ │    about your finances, investments, or goals.                 │ │
+│ │                                            Today, 9:30 AM      │ │
+│ │                                                                 │ │
+│ │                                                                 │ │
+│ │ 👤 How much did I spend on food last month?                    │ │
+│ │                                            Today, 9:32 AM      │ │
+│ │                                                                 │ │
+│ │ 🤖 You spent ₹18,500 on food in November, which is 15% more    │ │
+│ │    than your average. Here's the breakdown:                    │ │
+│ │                                                                 │ │
+│ │    🍽️ Restaurants: ₹12,000 (65%)                               │ │
+│ │    🛒 Groceries: ₹4,500 (24%)                                  │ │
+│ │    ☕ Cafes: ₹2,000 (11%)                                       │ │
+│ │                                                                 │ │
+│ │    💡 Tip: Consider cooking more at home to save ₹4-5K/month   │ │
+│ │                                            Today, 9:32 AM      │ │
+│ │                                                                 │ │
+│ │                                                                 │ │
+│ │ 👤 Can I afford a ₹50L home loan?                              │ │
+│ │                                            Today, 9:35 AM      │ │
+│ │                                                                 │ │
+│ │ 🤖 Based on your current income (₹1.25L/month) and expenses... │ │
+│ │    ⌨️ Typing...                                                 │ │
+│ │                                                                 │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 💬 Ask me anything about your finances...              [Send] │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│ Quick Questions:                                                    │
+│ [Monthly Expenses] [Investment Performance] [Debt Status] [Goals]   │
+│                                                                     │
+└─────────────────────────────────────────────────────────────────────┘
+```
+
+### Chat - Detailed Analysis Response
+```
+┌─────────────────────────────────────────────────────────────────────┐
+│ 🤖 AI Financial Assistant                          [Clear Chat]    │
+├─────────────────────────────────────────────────────────────────────┤
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 🤖 Based on your current financial situation, here's my        │ │
+│ │    analysis for a ₹50L home loan:                              │ │
+│ │                                                                 │ │
+│ │ ✅ **You can afford it!** Here's why:                          │ │
+│ │                                                                 │ │
+│ │ 📊 **Loan Details:**                                            │ │
+│ │    • Loan Amount: ₹50,00,000                                   │ │
+│ │    • Estimated EMI: ₹45,000/month (20 years @ 8.5%)           │ │
+│ │    • Your income: ₹1,25,000/month                              │ │
+│ │    • EMI-to-income ratio: 36% (Good - under 40% limit)         │ │
+│ │                                                                 │ │
+│ │ 💰 **After EMI, you'll have:**                                 │ │
+│ │    • Available income: ₹80,000/month                           │ │
+│ │    • Current expenses: ₹85,000/month                           │ │
+│ │    • ⚠️ You'll need to reduce expenses by ₹5,000/month         │ │
+│ │                                                                 │ │
+│ │ 🎯 **Recommendations:**                                         │ │
+│ │    1. Build emergency fund of ₹6L first                        │ │
+│ │    2. Consider ₹40L loan instead (EMI: ₹36K)                   │ │
+│ │    3. Increase income by ₹10K or reduce expenses               │ │
+│ │                                                                 │ │
+│ │ [View Detailed Projection] [Set Home Purchase Goal]            │ │
+│ │                                            Today, 9:35 AM      │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+└─────────────────────────────────────────────────────────────────────┘
+```
+
+## 4. Goals & Planning
+
+### Goals Overview
+```
+┌─────────────────────────────────────────────────────────────────────┐
+│ 🏦 FinanceAI    Dashboard  Goals  Chat  Insights       👤 John D. ▼│
+├─────────────────────────────────────────────────────────────────────┤
+│                                                                     │
+│ 🎯 Financial Goals                                    [+ New Goal]  │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 🏠 Home Purchase                                    🟢 On Track │ │
+│ │                                                                 │ │
+│ │ Target: ₹50,00,000                     Progress: ₹40,00,000     │ │
+│ │ Timeline: Dec 2025                     ████████░░ 80%           │ │
+│ │                                                                 │ │
+│ │ Monthly SIP: ₹25,000                   Completion: 10 months    │ │
+│ │                                                                 │ │
+│ │ [View Details] [Adjust Goal] [What-if Analysis]                 │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 🎓 Kids Education Fund                              🟡 Needs    │ │
+│ │                                                       Attention │ │
+│ │ Target: ₹25,00,000                     Progress: ₹10,00,000     │ │
+│ │ Timeline: Jun 2030                     ████░░░░░░ 40%           │ │
+│ │                                                                 │ │
+│ │ Monthly SIP: ₹15,000                   ⚠️ Increase to ₹20K     │ │
+│ │                                                                 │ │
+│ │ [View Details] [Adjust Goal] [Increase SIP]                    │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 🏖️ Retirement Planning                              🔴 Behind   │ │
+│ │                                                                 │ │
+│ │ Target: ₹2,00,00,000                   Progress: ₹40,00,000     │ │
+│ │ Timeline: Dec 2045                     ██░░░░░░░░ 20%           │ │
+│ │                                                                 │ │
+│ │ Monthly SIP: ₹10,000                   ⚠️ Increase to ₹25K     │ │
+│ │                                                                 │ │
+│ │ [View Details] [Urgent: Revise Plan]                           │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+└─────────────────────────────────────────────────────────────────────┘
+```
+
+### Goal Details - Home Purchase
+```
+┌─────────────────────────────────────────────────────────────────────┐
+│ ← Back to Goals               🏠 Home Purchase Goal                  │
+├─────────────────────────────────────────────────────────────────────┤
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ Goal Progress                                                   │ │
+│ │                                                                 │ │
+│ │ ████████░░ 80% Complete                                         │ │
+│ │                                                                 │ │
+│ │ ₹40,00,000 / ₹50,00,000                                        │ │
+│ │ Only ₹10,00,000 left to go!                                    │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│ ┌──────────────────────┐ ┌──────────────────────┐ ┌──────────────┐ │
+│ │   Current Plan       │ │    Timeline          │ │  Monthly     │ │
+│ │                      │ │                      │ │  Breakdown   │ │
+│ │ Target: ₹50L         │ │ Start: Jan 2022      │ │              │ │
+│ │ Saved: ₹40L          │ │ Target: Dec 2025     │ │ SIP: ₹25K    │ │
+│ │ Remaining: ₹10L      │ │ Time left: 10 months │ │ PPF: ₹5K     │ │
+│ │                      │ │                      │ │ FD: ₹15K     │ │
+│ │ Status: 🟢 On Track  │ │ Completion: 80%      │ │ Stocks: ₹5K  │ │
+│ └──────────────────────┘ └──────────────────────┘ └──────────────┘ │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 📈 Progress Chart                                               │ │
+│ │                                                                 │ │
+│ │ ₹50L │                                                    ●     │ │
+│ │      │                                               ●          │ │
+│ │ ₹40L │                                          ●               │ │
+│ │      │                                     ●                    │ │
+│ │ ₹30L │                                ●                         │ │
+│ │      │                           ●                              │ │
+│ │ ₹20L │                      ●                                   │ │
+│ │      │                 ●                                        │ │
+│ │ ₹10L │            ●                                             │ │
+│ │      │       ●                                                  │ │
+│ │   0  │──●────────────────────────────────────────────────────   │ │
+│ │      2022  2023   2024   2025                                  │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│ [What-if Analysis] [Adjust Timeline] [Change Amount] [Export Plan]  │
+│                                                                     │
+└─────────────────────────────────────────────────────────────────────┘
+```
+
+### What-if Scenario Analysis
+```
+┌─────────────────────────────────────────────────────────────────────┐
+│ ← Back                    🔮 What-if Analysis                       │
+├─────────────────────────────────────────────────────────────────────┤
+│                                                                     │
+│ 🏠 Home Purchase Goal - Scenario Analysis                          │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ Current Plan                                                    │ │
+│ │ Monthly Investment: ₹25,000                                     │ │
+│ │ Target Achievement: Dec 2025 (10 months)                       │ │
+│ │ Success Probability: 95%                                        │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│ Adjust Parameters:                                                  │
+│                                                                     │
+│ Monthly Investment: [₹25,000___] [Slider: ₹10K - ₹50K]            │
+│ Target Date: [Dec 2025 ▼]                                         │
+│ Goal Amount: [₹50,00,000____]                                     │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 📊 Scenarios Comparison                                         │ │
+│ │                                                                 │ │
+│ │ Scenario 1: Increase to ₹30K/month                             │ │
+│ │ ✅ Achievement: Oct 2025 (2 months early)                      │ │
+│ │ ✅ Success Rate: 99%                                            │ │
+│ │                                                                 │ │
+│ │ Scenario 2: Reduce to ₹20K/month                               │ │
+│ │ ❌ Achievement: Mar 2026 (3 months delay)                      │ │
+│ │ ⚠️ Success Rate: 85%                                            │ │
+│ │                                                                 │ │
+│ │ Scenario 3: Extend timeline to Jun 2026                        │ │
+│ │ ✅ Monthly needed: ₹15K (save ₹10K/month)                      │ │
+│ │ ✅ Success Rate: 98%                                            │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│ [Apply Scenario 1] [Apply Scenario 3] [Custom Analysis]            │
+│                                                                     │
+└─────────────────────────────────────────────────────────────────────┘
+```
+
+## 5. Insights & Recommendations
+
+### Financial Health Overview
+```
+┌─────────────────────────────────────────────────────────────────────┐
+│ 🏦 FinanceAI    Dashboard  Goals  Chat  Insights       👤 John D. ▼│
+├─────────────────────────────────────────────────────────────────────┤
+│                                                                     │
+│ 🏥 Financial Health Score                                          │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │                                                                 │ │
+│ │                     Your Score: 78/100                         │ │
+│ │                        🟢 Good                                  │ │
+│ │                                                                 │ │
+│ │               ████████████████████████░░░░░                    │ │
+│ │                                                                 │ │
+│ │ "You're on the right track! Focus on reducing debt and         │ │
+│ │  increasing emergency fund to reach excellent health."         │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│ ┌──────────────────────┐ ┌──────────────────────┐ ┌──────────────┐ │
+│ │   Debt Health        │ │   Emergency Fund     │ │ Investment   │ │
+│ │                      │ │                      │ │ Health       │ │
+│ │      Score: 85       │ │      Score: 65       │ │              │ │
+│ │     🟢 Excellent     │ │     🟡 Needs Work    │ │  Score: 82   │ │
+│ │                      │ │                      │ │              │ │
+│ │ Debt-to-Income:      │ │ Current: ₹2.5L       │ │ 🟢 Very Good │ │
+│ │ 30% (Great!)         │ │ Target: ₹5L          │ │              │ │
+│ │                      │ │ (6 months expenses)  │ │ Diversified  │ │
+│ │ [View Details]       │ │ [View Details]       │ │ Portfolio    │ │
+│ └──────────────────────┘ └──────────────────────┘ └──────────────┘ │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 🎯 Priority Actions                                             │ │
+│ │                                                                 │ │
+│ │ 1. 🚨 Build Emergency Fund                           High       │ │
+│ │    Add ₹2.5L more (₹25K/month for 10 months)       Priority    │ │
+│ │                                                                 │ │
+│ │ 2. 📈 Rebalance Investment Portfolio                 Medium     │ │
+│ │    Move 10% from debt to equity funds               Priority    │ │
+│ │                                                                 │ │
+│ │ 3. 💳 Pay off Credit Card Debt                       Medium     │ │
+│ │    Clear ₹25K to save ₹3K in interest              Priority    │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+└─────────────────────────────────────────────────────────────────────┘
+```
+
+### Investment Recommendations
+```
+┌─────────────────────────────────────────────────────────────────────┐
+│ ← Back                    📈 Investment Insights                    │
+├─────────────────────────────────────────────────────────────────────┤
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 📊 Portfolio Analysis                                           │ │
+│ │                                                                 │ │
+│ │ Current Allocation:                    Recommended:             │ │
+│ │                                                                 │ │
+│ │ 🔵 Equity: 60% (₹4.9L)               🔵 Equity: 70% (₹5.7L)    │ │
+│ │ 🟡 Debt: 30% (₹2.5L)                 🟡 Debt: 20% (₹1.6L)     │ │
+│ │ 🟢 Gold: 10% (₹0.8L)                 🟢 Gold: 10% (₹0.8L)     │ │
+│ │                                                                 │ │
+│ │ Action: Move ₹90K from debt to equity funds                    │ │
+│ │ Expected Impact: +1.5% annual returns                          │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 🎯 Specific Recommendations                                     │ │
+│ │                                                                 │ │
+│ │ 1. ⚠️ Underperforming SIPs                                      │ │
+│ │    • HDFC Small Cap Fund: -2.3% (1 year)                      │ │
+│ │    • Recommendation: Switch to Axis Small Cap Fund             │ │ │
+│ │    • Potential gain: +4-6% annually                            │ │
+│ │    [Switch Fund]                                                │ │
+│ │                                                                 │ │
+│ │ 2. 📈 High Potential Opportunities                             │ │
+│ │    • Increase allocation to IT sector (underweight)            │ │
+│ │    • Consider: ICICI Pru Technology Fund                       │ │
+│ │    • SIP Amount: ₹5K/month                                     │ │
+│ │    [Start SIP]                                                  │ │
+│ │                                                                 │ │
+│ │ 3. 💎 Tax Saving Opportunity                                   │ │
+│ │    • ELSS funds for 80C deduction                             │ │
+│ │    • Available limit: ₹80K                                     │ │
+│ │    • Recommended: Axis Long Term Equity Fund                   │ │
+│ │    [Invest Now]                                                 │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+└─────────────────────────────────────────────────────────────────────┘
+```
+
+## 6. Account Management & Settings
+
+### Account Linking Page
+```
+┌─────────────────────────────────────────────────────────────────────┐
+│ ← Back                    🔗 Manage Accounts                        │
+├─────────────────────────────────────────────────────────────────────┤
+│                                                                     │
+│ Connected Accounts                                [+ Add Account]   │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 🏦 Banks & Savings                                              │ │
+│ │                                                                 │ │
+│ │ ✅ State Bank of India     ****4567    Last sync: 2 hours ago   │ │
+│ │    Savings Account                     Balance: ₹2,45,000       │ │
+│ │    [Disconnect] [Sync Now]                                      │ │
+│ │                                                                 │ │
+│ │ ✅ ICICI Bank             ****8901    Last sync: 1 hour ago     │ │
+│ │    Current Account                     Balance: ₹1,85,000       │ │
+│ │    [Disconnect] [Sync Now]                                      │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 💳 Credit Cards                                                 │ │
+│ │                                                                 │ │
+│ │ ✅ HDFC Regalia          ****2345    Last sync: 30 mins ago     │ │
+│ │    Credit Limit: ₹5L                  Outstanding: ₹25,000      │ │
+│ │    [Disconnect] [Sync Now]                                      │ │
+│ │                                                                 │ │
+│ │ ⏳ Axis Bank Magnus       ****6789    ⚠️ Sync Failed            │ │
+│ │    Last successful sync: 2 days ago                             │ │
+│ │    [Reconnect] [Troubleshoot]                                   │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 📈 Investments                                                  │ │
+│ │                                                                 │ │
+│ │ ✅ Zerodha Demat         ****5432    Last sync: 1 hour ago      │ │
+│ │    Portfolio Value: ₹8,20,000                                   │ │
+│ │    [Disconnect] [Sync Now]                                      │ │
+│ │                                                                 │ │
+│ │ ❌ Add Mutual Fund Account  [+ Connect via AMC/Platform]        │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+└─────────────────────────────────────────────────────────────────────┘
+```
+
+### Privacy & Export Settings
+```
+┌─────────────────────────────────────────────────────────────────────┐
+│ ← Back                    🔒 Privacy & Data Export                  │
+├─────────────────────────────────────────────────────────────────────┤
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 🔒 Data Privacy Controls                                        │ │
+│ │                                                                 │ │
+│ │ ☑️ Allow AI analysis of my financial data                      │ │
+│ │ ☑️ Enable personalized recommendations                         │ │
+│ │ ☑️ Share anonymized insights for product improvement           │ │
+│ │ ☐ Allow third-party integrations                               │ │
+│ │                                                                 │ │
+│ │ Data Retention: Keep my data for [3 years ▼]                   │ │
+│ │                                                                 │ │
+│ │ [Update Preferences]                                            │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ 📄 Export Your Data                                            │ │
+│ │                                                                 │ │
+│ │ Financial Report (PDF)                                          │ │
+│ │ • Comprehensive financial summary                               │ │
+│ │ • Goals progress and recommendations                            │ │
+│ │ • Charts and visualizations                                     │ │
+│ │ [Generate PDF Report]                                           │ │
+│ │                                                                 │ │
+│ │ Raw Data (CSV)                                                  │ │
+│ │ • All transactions and account data                             │ │
+│ │ • Investment portfolio details                                  │ │
+│ │ • Goal tracking data                                            │ │
+│ │ [Download CSV Files]                                            │ │
+│ │                                                                 │ │
+│ │ API Access                                                      │ │
+│ │ • Integrate with other financial tools                          │ │
+│ │ • Real-time data access                                         │ │
+│ │ API Key: [Generate API Key]                                     │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+│ ┌─────────────────────────────────────────────────────────────────┐ │
+│ │ ⚠️ Data Deletion                                                │ │
+│ │                                                                 │ │
+│ │ Delete all my data permanently from FinanceAI                   │ │
+│ │ This action cannot be undone.                                   │ │
+│ │                                                                 │ │
+│ │ [Delete My Account]                                             │ │
+│ └─────────────────────────────────────────────────────────────────┘ │
+│                                                                     │
+└─────────────────────────────────────────────────────────────────────┘
+```
+
+## 7. Mobile Responsive Views
+
+### Mobile Dashboard
+```
+┌─────────────────────┐
+│ ☰  FinanceAI    👤  │
+├─────────────────────┤
+│                     │
+│ 👋 Hi John!         │
+│ 📅 Dec 15, 2024     │
+│                     │
+│ ┌─────────────────┐ │
+│ │   Net Worth     │ │
+│ │   ₹18,45,000    │ │
+│ │   ↗️ +2.3%       │ │
+│ └─────────────────┘ │
+│                     │
+│ ┌─────────────────┐ │
+│ │ Monthly Summary │ │
+│ │                 │ │
+│ │ Income:  ₹1.25L │ │
+│ │ Expenses: ₹85K  │ │
+│ │ Savings:  ₹40K  │ │
+│ └─────────────────┘ │
+│                     │
+│ ┌─────────────────┐ │
+│ │ 🎯 Goals        │ │
+│ │                 │ │
+│ │ 🏠 Home: 80%    │ │
+│ │ 🎓 Education:40%│ │
+│ │ 🏖️ Retirement:20%│ │
+│ │                 │ │
+│ │ [View All]      │ │
+│ └─────────────────┘ │
+│                     │
+│ ──────────────────  │
+│ 📊 💬 🎯 📈        │
+└─────────────────────┘
+```
+
+### Mobile Chat Interface
+```
+┌─────────────────────┐
+│ ← 🤖 AI Assistant   │
+├─────────────────────┤
+│                     │
+│ 🤖 Hi! Ask me       │
+│    anything about   │
+│    your finances    │
+│                     │
+│ 👤 How much did I   │
+│    spend on food?   │
+│                     │
+│ 🤖 You spent ₹18.5K │
+│    on food last     │
+│    month:           │
+│                     │
+│    🍽️ Restaurants:  │
+│    ₹12K (65%)       │
+│                     │
+│    🛒 Groceries:    │
+│    ₹4.5K (24%)      │
+│                     │
+│    ☕ Cafes:        │
+│    ₹2K (11%)        │
+│                     │
+│    💡 Cook more at  │
+│    home to save     │
+│    ₹4-5K/month      │
+│                     │
+│ ┌─────────────────┐ │
+│ │ Type message... │ │
+│ └─────────────────┘ │
+│                     │
+│ [Expenses][Goals]   │
+│ [Investments][Debt] │
+└─────────────────────┘
+```
+
+## Design System Notes
+
+### Color Scheme
+- Primary: #2563EB (Blue)
+- Success: #10B981 (Green)
+- Warning: #F59E0B (Amber)
+- Error: #EF4444 (Red)
+- Background: #F8FAFC (Light Gray)
+- Text: #1F2937 (Dark Gray)
+
+### Typography
+- Headers: Inter Bold, 24-32px
+- Body: Inter Regular, 14-16px
+- Small text: Inter Regular, 12-14px
+
+### Icons
+- Financial: 🏦 💳 📈 💰
+- Actions: ✅ ⚠️ ❌ 🔄
+- Categories: 🏠 🍽️ 🚗 🛍️ 💊
+
+### Interactive Elements
+- Buttons: Rounded corners, hover states
+- Cards: Subtle shadows, hover elevation
+- Progress bars: Animated, color-coded
+- Charts: Interactive, tooltips on hover
\ No newline at end of file

From d0dea327ccccbb094ed6998385bf35259ae1c8bd Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 10 Jul 2025 14:27:59 +0000
Subject: [PATCH 3/3] Add wireframes, Figma conversion guide, and AI conversion
 options

Co-authored-by: nitinwartkar58 <nitinwartkar58@gmail.com>
---
 ai_conversion_options.md  | 242 +++++++++++++++
 figma_conversion_guide.md | 369 +++++++++++++++++++++++
 html_wireframes.html      | 619 ++++++++++++++++++++++++++++++++++++++
 3 files changed, 1230 insertions(+)
 create mode 100644 ai_conversion_options.md
 create mode 100644 figma_conversion_guide.md
 create mode 100644 html_wireframes.html

diff --git a/ai_conversion_options.md b/ai_conversion_options.md
new file mode 100644
index 0000000..443fef6
--- /dev/null
+++ b/ai_conversion_options.md
@@ -0,0 +1,242 @@
+# AI-Powered Wireframe to Figma Conversion Options
+
+## 🤖 AI Tools for Design Conversion
+
+### **Option 1: Figma AI Plugins**
+
+#### **1. Figma AI (Built-in)**
+- **What it does**: Converts text descriptions to UI components
+- **How to use**: 
+  1. Install Figma AI plugin
+  2. Paste wireframe descriptions from our markdown
+  3. Refine with specific prompts
+- **Pros**: Native Figma integration, high quality
+- **Cons**: May need manual refinement
+
+#### **2. Wireframe to Design Plugins**
+- **Autoflow**: Converts wireframes to high-fidelity designs
+- **Design Lint**: Ensures consistency across components
+- **Figma to Code**: Generates React components
+
+### **Option 2: External AI Design Tools**
+
+#### **1. Uizard**
+- **Process**: 
+  1. Upload wireframe screenshots
+  2. AI converts to interactive prototypes
+  3. Export to Figma format
+- **Best for**: Quick mockup generation
+- **Cost**: Free tier available
+
+#### **2. Galileo AI**
+- **Process**:
+  1. Input text descriptions of screens
+  2. AI generates complete UI designs
+  3. Export as Figma components
+- **Best for**: Creating designs from scratch
+- **Cost**: Subscription required
+
+#### **3. Framer AI**
+- **Process**:
+  1. Describe the interface in natural language
+  2. AI generates interactive prototypes
+  3. Can import into Figma
+- **Best for**: Interactive prototypes
+- **Cost**: Free tier with limitations
+
+### **Option 3: Code-to-Design Tools**
+
+#### **1. Figma Import from HTML/CSS**
+```bash
+# If you have HTML/CSS versions of wireframes
+# Use these tools to import into Figma:
+
+1. HTML to Figma (Plugin)
+2. CSS to Figma Variables (Plugin)
+3. Figma Tokens (Design system sync)
+```
+
+#### **2. React to Figma**
+- **Locofy**: Converts React components to Figma
+- **Quest**: Generates Figma designs from code
+- **Builder.io**: Code-to-design conversion
+
+## 🛠️ Hybrid Approach (Recommended)
+
+### **Phase 1: AI Generation (2 hours)**
+1. **Use Figma AI** to create basic components:
+   ```
+   Prompt: "Create a financial dashboard card showing net worth of ₹18,45,000 with a +2.3% growth indicator. Use blue as primary color and include a subtle shadow."
+   ```
+
+2. **Use Uizard** for rapid wireframe conversion:
+   - Take screenshots of the ASCII wireframes
+   - Upload to Uizard for initial conversion
+   - Export basic layout structure
+
+### **Phase 2: Manual Refinement (4 hours)**
+1. Import AI-generated components into Figma
+2. Apply consistent design system
+3. Refine interactions and micro-animations
+4. Add proper component variants
+
+### **Phase 3: Enhancement (2 hours)**
+1. Add realistic data and content
+2. Create responsive layouts
+3. Build interactive prototypes
+4. Document design system
+
+## 📋 Step-by-Step AI Conversion Process
+
+### **Using Figma AI (Recommended)**
+
+#### **Step 1: Setup**
+```
+1. Open Figma
+2. Install "Figma AI" plugin
+3. Create new file: "Personal Finance AI Assistant"
+4. Set up basic artboards (1440×1024 for desktop)
+```
+
+#### **Step 2: Component Generation**
+Use these prompts for each component:
+
+**Navigation Header:**
+```
+"Create a clean navigation header for a finance app. Include logo on left, navigation items (Dashboard, Goals, Chat, Insights) in center, and user avatar with dropdown on right. Use white background with subtle border."
+```
+
+**Dashboard Cards:**
+```
+"Design a financial dashboard card showing net worth ₹18,45,000 with +2.3% growth. Include subtle shadow, rounded corners, and use blue as accent color."
+```
+
+**Chat Interface:**
+```
+"Create a chat interface for financial AI assistant. Include message bubbles for user (blue) and AI (white), input field at bottom, and quick action buttons."
+```
+
+**Goal Progress Card:**
+```
+"Design a goal tracking card for home purchase. Show progress bar at 80%, target amount ₹50L, current ₹40L saved, with home icon and green status indicator."
+```
+
+#### **Step 3: Refinement**
+1. Apply consistent spacing (8px grid)
+2. Use proper typography hierarchy
+3. Add component variants for different states
+4. Create responsive layouts
+
+### **Using Uizard for Bulk Conversion**
+
+#### **Process:**
+1. **Screenshot Creation**: Convert ASCII wireframes to images
+2. **Upload**: Import screenshots to Uizard
+3. **AI Processing**: Let AI detect UI elements
+4. **Export**: Download as Figma file
+5. **Refinement**: Manual cleanup in Figma
+
+#### **Example Conversion:**
+```
+Input: ASCII wireframe of dashboard
+Output: Figma components with:
+- Detected cards and buttons
+- Basic layout structure  
+- Placeholder content
+- Exportable components
+```
+
+## 🎯 Prompt Engineering for Better Results
+
+### **Component-Specific Prompts**
+
+#### **Dashboard Elements:**
+```
+"Create a modern financial dashboard with:
+- Clean white cards with subtle shadows
+- Indian Rupee currency format (₹1,25,000)
+- Progress indicators with percentages
+- Color coding: Green for positive, Red for negative
+- Professional typography using Inter font"
+```
+
+#### **Chat Interface:**
+```
+"Design a conversational AI interface for financial advice:
+- Distinct message bubbles for user vs AI
+- Support for rich content (lists, charts, buttons)
+- Input field with send button
+- Quick action chips below input
+- Timestamps for each message"
+```
+
+#### **Goal Tracking:**
+```
+"Create goal tracking components showing:
+- Visual progress bars with percentages
+- Target vs current amounts in Indian Rupees
+- Status indicators (On Track/Behind/Attention)
+- Timeline information
+- Action buttons for goal management"
+```
+
+### **Style Prompts:**
+```
+"Apply this design system:
+- Primary color: #2563EB (blue)
+- Success: #10B981 (green)
+- Warning: #F59E0B (amber)  
+- Error: #EF4444 (red)
+- Typography: Inter font family
+- Border radius: 12px for cards, 8px for buttons
+- Shadows: Subtle, modern elevation"
+```
+
+## ⚡ Quick Start Option (1 hour)
+
+### **Fastest Path to Figma:**
+1. **Use Figma Community**: Search for "Financial Dashboard" templates
+2. **Customize**: Replace content with your wireframe data
+3. **Rebrand**: Apply your color scheme and typography
+4. **Add Features**: Include chat interface and goal tracking
+
+### **Recommended Templates:**
+- "Banking Dashboard UI Kit" by DesignSystem
+- "Finance App Dashboard" by UIKit
+- "Personal Finance Mobile App" by Craftwork
+
+## 🔄 Quality Assurance Checklist
+
+### **After AI Conversion:**
+- [ ] All components follow 8px grid system
+- [ ] Typography hierarchy is consistent
+- [ ] Colors match design system
+- [ ] Interactive states are defined
+- [ ] Mobile responsive layouts work
+- [ ] Content is realistic and relevant
+- [ ] Accessibility guidelines met
+- [ ] Components are properly named
+- [ ] Design system is documented
+
+## 💡 Pro Tips for AI Conversion
+
+1. **Be Specific**: Include exact measurements and colors in prompts
+2. **Iterate**: Generate multiple versions and combine best elements
+3. **Use References**: Include style references in your prompts
+4. **Component-First**: Build reusable components before full pages
+5. **Test Early**: Create prototypes to validate user flows
+6. **Document**: Keep track of successful prompts for consistency
+
+## 🚀 Expected Timeline
+
+### **Full AI-Assisted Conversion:**
+- **Setup & Planning**: 30 minutes
+- **AI Component Generation**: 2 hours
+- **Manual Refinement**: 3 hours
+- **Responsive Adaptation**: 1 hour
+- **Prototyping**: 1 hour
+- **Documentation**: 30 minutes
+
+**Total: ~8 hours** (vs 15+ hours manual recreation)
+
+This hybrid approach gives you the speed of AI generation with the precision of manual design refinement.
\ No newline at end of file
diff --git a/figma_conversion_guide.md b/figma_conversion_guide.md
new file mode 100644
index 0000000..9b2c0ac
--- /dev/null
+++ b/figma_conversion_guide.md
@@ -0,0 +1,369 @@
+# Figma Conversion Guide - Personal Finance AI Assistant
+
+## 🎨 Design System Setup
+
+### 1. Create Base Design System in Figma
+
+#### **Color Palette**
+Create color styles in Figma:
+- **Primary/500**: #2563EB (Blue)
+- **Success/500**: #10B981 (Green) 
+- **Warning/500**: #F59E0B (Amber)
+- **Error/500**: #EF4444 (Red)
+- **Gray/50**: #F8FAFC (Background)
+- **Gray/800**: #1F2937 (Text)
+- **Gray/300**: #D1D5DB (Borders)
+- **White**: #FFFFFF
+
+#### **Typography Styles**
+```
+Display/Large: Inter Bold, 32px, Line Height 40px
+Heading/H1: Inter Bold, 24px, Line Height 32px
+Heading/H2: Inter SemiBold, 20px, Line Height 28px
+Body/Large: Inter Regular, 16px, Line Height 24px
+Body/Regular: Inter Regular, 14px, Line Height 20px
+Caption: Inter Regular, 12px, Line Height 16px
+```
+
+#### **Component Library Structure**
+```
+📁 Components
+├── 🔵 Atoms
+│   ├── Buttons (Primary, Secondary, Ghost)
+│   ├── Input Fields
+│   ├── Icons
+│   └── Progress Bars
+├── 🟡 Molecules  
+│   ├── Cards
+│   ├── Navigation Items
+│   ├── Chat Bubbles
+│   └── Goal Progress
+└── 🟢 Organisms
+    ├── Dashboard Header
+    ├── Chat Interface
+    ├── Goal Cards
+    └── Account Lists
+```
+
+## 📱 Frame Setup
+
+### **Desktop Frames (1440px width)**
+1. **Landing Page**: 1440 × 1024px
+2. **Dashboard**: 1440 × 1024px
+3. **Chat Interface**: 1440 × 1024px
+4. **Goals Page**: 1440 × 1024px
+5. **Insights Page**: 1440 × 1024px
+
+### **Mobile Frames (375px width)**
+1. **Mobile Dashboard**: 375 × 812px
+2. **Mobile Chat**: 375 × 812px
+3. **Mobile Goals**: 375 × 812px
+
+## 🔧 Component Creation Guide
+
+### **1. Navigation Header Component**
+```
+Frame: 1440 × 80px
+Background: White (#FFFFFF)
+Border Bottom: 1px solid Gray/300
+
+Elements:
+- Logo: 32×32px icon + "FinanceAI" text (Heading/H2)
+- Navigation: Dashboard, Goals, Chat, Insights (Body/Regular)
+- User Avatar: 40×40px circle + dropdown icon
+```
+
+### **2. Dashboard Cards**
+```
+Net Worth Card:
+- Frame: 680 × 120px
+- Background: White with shadow (0px 4px 6px rgba(0,0,0,0.1))
+- Border Radius: 12px
+- Padding: 24px
+
+Content:
+- Title: "Net Worth" (Body/Large, Gray/800)
+- Amount: "₹18,45,000" (Display/Large, Gray/800)
+- Trend: "+2.3% this month" (Body/Regular, Success/500)
+```
+
+### **3. Goal Progress Component**
+```
+Goal Card:
+- Frame: 680 × 140px
+- Background: White
+- Border Radius: 12px
+- Padding: 20px
+
+Elements:
+- Icon: 24×24px (🏠)
+- Title: "Home Purchase" (Heading/H2)
+- Status Badge: Rounded rectangle with status color
+- Progress Bar: 8px height, rounded, with percentage fill
+- Details: Target amount, current progress (Body/Regular)
+```
+
+### **4. Chat Interface Components**
+```
+Chat Container:
+- Frame: 800 × 600px
+- Background: Gray/50
+- Border Radius: 12px
+
+Message Bubble (AI):
+- Max width: 480px
+- Background: White
+- Border Radius: 16px 16px 16px 4px
+- Padding: 12px 16px
+- Shadow: 0px 2px 4px rgba(0,0,0,0.05)
+
+Message Bubble (User):
+- Max width: 480px  
+- Background: Primary/500
+- Color: White
+- Border Radius: 16px 16px 4px 16px
+- Padding: 12px 16px
+```
+
+## 📋 Step-by-Step Recreation Process
+
+### **Phase 1: Setup (30 mins)**
+1. Create new Figma file: "Personal Finance AI Assistant"
+2. Set up design system (colors, typography, effects)
+3. Create component library structure
+4. Import icons (use Feather or Heroicons)
+
+### **Phase 2: Components (2 hours)**
+1. **Create Atomic Components:**
+   - Buttons (3 variants: Primary, Secondary, Ghost)
+   - Input fields with labels
+   - Progress bars (3 sizes)
+   - Status badges (4 colors)
+
+2. **Build Molecular Components:**
+   - Dashboard cards (4 variants)
+   - Chat message bubbles (2 variants)
+   - Navigation items
+   - Goal progress cards
+
+3. **Construct Organism Components:**
+   - Full navigation header
+   - Complete chat interface
+   - Dashboard grid layout
+
+### **Phase 3: Pages (3 hours)**
+
+#### **Landing Page Recreation:**
+```
+Structure:
+├── Header (Logo + CTA buttons)
+├── Hero Section (Headline + Description + CTA)
+├── Feature Cards (4 columns)
+└── Footer (minimal)
+
+Key Measurements:
+- Header: Full width × 80px
+- Hero: 600px width centered
+- Feature Cards: 280px × 200px each
+- Spacing: 80px vertical between sections
+```
+
+#### **Dashboard Recreation:**
+```
+Layout Grid:
+├── Header (full width)
+├── Welcome Section (full width)
+├── Net Worth Card (680px)
+├── 3-Column Cards Row
+│   ├── Monthly Overview (320px)
+│   ├── Investment Performance (320px)
+│   └── Credit Score (320px)
+└── Goals Section (full width)
+
+Grid: 12 columns, 24px gutters
+```
+
+#### **Chat Interface Recreation:**
+```
+Layout:
+├── Chat Header (title + clear button)
+├── Messages Container (scrollable)
+│   ├── AI Welcome Message
+│   ├── User Question
+│   ├── AI Response with breakdown
+│   └── User Follow-up
+├── Input Area (text field + send button)
+└── Quick Actions (4 buttons)
+```
+
+## 🎨 Advanced Figma Techniques
+
+### **1. Auto Layout Setup**
+- Use Auto Layout for all cards and containers
+- Set proper spacing (16px, 24px, 32px)
+- Configure resizing behavior (Fill container vs Fixed)
+
+### **2. Component Variants**
+```
+Button Component Variants:
+- Property: Type (Primary, Secondary, Ghost)
+- Property: Size (Large, Medium, Small)
+- Property: State (Default, Hover, Disabled)
+```
+
+### **3. Interactive Prototyping**
+```
+Connections to Create:
+- Landing → Dashboard (Sign Up flow)
+- Dashboard → Chat (Navigation)
+- Chat → Goals (From AI response)
+- Goals → Goal Details (Click goal card)
+- Goal Details → What-if Analysis
+```
+
+### **4. Design Tokens**
+Create Figma variables for:
+- Spacing scale (4, 8, 12, 16, 24, 32, 48, 64)
+- Border radius (4, 8, 12, 16, 24)
+- Shadow styles (sm, md, lg, xl)
+
+## 📱 Mobile Adaptation
+
+### **Responsive Breakpoints:**
+- Desktop: 1440px
+- Tablet: 768px  
+- Mobile: 375px
+
+### **Mobile-Specific Changes:**
+1. **Navigation**: Convert to bottom tab bar
+2. **Cards**: Stack vertically instead of grid
+3. **Chat**: Full-screen overlay on mobile
+4. **Text Sizes**: Reduce by 2px on mobile
+
+## 🔄 Component States
+
+### **Interactive States to Design:**
+```
+Buttons:
+- Default
+- Hover (slight background change)
+- Active (pressed state)
+- Disabled (50% opacity)
+
+Cards:
+- Default
+- Hover (subtle shadow increase)
+- Selected (border highlight)
+
+Input Fields:
+- Default
+- Focus (border color change)
+- Error (red border + message)
+- Disabled
+```
+
+## 📊 Data Visualization
+
+### **Charts to Create:**
+1. **Progress Bars**: Animated, color-coded
+2. **Donut Charts**: For asset allocation
+3. **Line Charts**: For goal progress over time
+4. **Bar Charts**: For expense categories
+
+### **Chart Specifications:**
+```
+Progress Bar:
+- Height: 8px
+- Border Radius: 4px
+- Background: Gray/200
+- Fill: Success/500, Warning/500, or Error/500
+
+Donut Chart:
+- Size: 200×200px
+- Stroke width: 16px
+- Colors: Primary/500, Success/500, Warning/500
+```
+
+## 🎯 Figma Plugins to Use
+
+### **Recommended Plugins:**
+1. **Iconify**: For consistent icon system
+2. **Content Reel**: For realistic financial data
+3. **Figma to React**: For developer handoff
+4. **Auto Layout**: For responsive design
+5. **Chart**: For data visualization
+
+### **Content Generation:**
+- Use realistic Indian names and amounts
+- Currency format: ₹1,25,000 (Indian comma style)
+- Dates: DD MMM YYYY format
+- Phone numbers: +91 format
+
+## 📋 Figma File Organization
+
+### **Page Structure:**
+```
+📄 Design System
+├── Colors & Typography
+├── Icons Library  
+├── Component Library
+└── Documentation
+
+📄 Wireframes (Desktop)
+├── 01. Landing Page
+├── 02. Onboarding Flow
+├── 03. Dashboard Overview
+├── 04. Dashboard Detailed
+├── 05. Chat Interface
+├── 06. Goals Overview
+├── 07. Goal Details
+├── 08. Insights & Health
+└── 09. Account Management
+
+📄 Mobile Wireframes
+├── Mobile Dashboard
+├── Mobile Chat
+└── Mobile Goals
+
+📄 Prototypes
+├── Desktop User Flow
+└── Mobile User Flow
+```
+
+## 🚀 Export Specifications
+
+### **For Development:**
+- Export icons: SVG format
+- Export images: 2x PNG for retina
+- Color codes: HEX values
+- Spacing: 8px grid system
+- Typography: CSS specifications
+
+### **Handoff Documentation:**
+- Component specifications
+- Interaction details
+- Animation timings
+- Responsive behavior notes
+
+## ⏱️ Time Estimates
+
+### **Total Time: ~8-10 hours**
+- Design System Setup: 1 hour
+- Component Creation: 3 hours  
+- Page Recreation: 4 hours
+- Mobile Adaptation: 1 hour
+- Prototyping: 1 hour
+- Polish & Documentation: 1 hour
+
+## 🎯 Pro Tips for Figma
+
+1. **Use consistent naming**: "Component/Variant/State"
+2. **Group related elements**: Use frames and groups
+3. **Layer organization**: Name all layers clearly
+4. **Version control**: Save versions at major milestones
+5. **Comments**: Add notes for developers
+6. **Shared styles**: Use for all colors and text styles
+7. **Component testing**: Test all variants work correctly
+8. **Accessibility**: Ensure color contrast meets WCAG guidelines
+
+This guide provides everything needed to recreate the wireframes in Figma with professional-quality components and proper organization.
\ No newline at end of file
diff --git a/html_wireframes.html b/html_wireframes.html
new file mode 100644
index 0000000..a081c51
--- /dev/null
+++ b/html_wireframes.html
@@ -0,0 +1,619 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Personal Finance AI Assistant - Wireframes</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        body {
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+            background: #F8FAFC;
+            line-height: 1.6;
+        }
+        
+        .wireframe-container {
+            max-width: 1440px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+        
+        .screen {
+            background: white;
+            border-radius: 12px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+            margin-bottom: 40px;
+            overflow: hidden;
+        }
+        
+        /* Header Component */
+        .header {
+            background: white;
+            border-bottom: 1px solid #D1D5DB;
+            padding: 16px 32px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .logo {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            font-size: 20px;
+            font-weight: bold;
+            color: #1F2937;
+        }
+        
+        .nav {
+            display: flex;
+            gap: 32px;
+        }
+        
+        .nav-item {
+            color: #6B7280;
+            text-decoration: none;
+            font-weight: 500;
+        }
+        
+        .nav-item.active {
+            color: #2563EB;
+        }
+        
+        .user-menu {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .avatar {
+            width: 40px;
+            height: 40px;
+            background: #2563EB;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: white;
+            font-weight: bold;
+        }
+        
+        /* Dashboard Layout */
+        .dashboard {
+            padding: 32px;
+        }
+        
+        .welcome-section {
+            margin-bottom: 32px;
+        }
+        
+        .welcome-title {
+            font-size: 24px;
+            font-weight: bold;
+            color: #1F2937;
+            margin-bottom: 8px;
+        }
+        
+        .date {
+            color: #6B7280;
+        }
+        
+        /* Net Worth Card */
+        .net-worth-card {
+            background: white;
+            border-radius: 12px;
+            padding: 24px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+            margin-bottom: 24px;
+            text-align: center;
+        }
+        
+        .net-worth-title {
+            font-size: 16px;
+            color: #6B7280;
+            margin-bottom: 8px;
+        }
+        
+        .net-worth-amount {
+            font-size: 32px;
+            font-weight: bold;
+            color: #1F2937;
+            margin-bottom: 4px;
+        }
+        
+        .net-worth-change {
+            color: #10B981;
+            font-weight: 500;
+        }
+        
+        .net-worth-breakdown {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 16px;
+            padding-top: 16px;
+            border-top: 1px solid #E5E7EB;
+        }
+        
+        /* Dashboard Cards Grid */
+        .cards-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 24px;
+            margin-bottom: 32px;
+        }
+        
+        .dashboard-card {
+            background: white;
+            border-radius: 12px;
+            padding: 20px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+        }
+        
+        .card-title {
+            font-size: 16px;
+            font-weight: 600;
+            color: #1F2937;
+            margin-bottom: 16px;
+        }
+        
+        .card-content {
+            color: #6B7280;
+        }
+        
+        .card-metric {
+            display: flex;
+            justify-content: space-between;
+            margin-bottom: 8px;
+        }
+        
+        .metric-value {
+            color: #1F2937;
+            font-weight: 500;
+        }
+        
+        /* Goals Section */
+        .goals-section {
+            background: white;
+            border-radius: 12px;
+            padding: 24px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+        }
+        
+        .goals-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 20px;
+        }
+        
+        .goals-title {
+            font-size: 20px;
+            font-weight: bold;
+            color: #1F2937;
+        }
+        
+        .goal-item {
+            border: 1px solid #E5E7EB;
+            border-radius: 8px;
+            padding: 16px;
+            margin-bottom: 16px;
+        }
+        
+        .goal-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 12px;
+        }
+        
+        .goal-name {
+            font-weight: 600;
+            color: #1F2937;
+        }
+        
+        .goal-status {
+            padding: 4px 8px;
+            border-radius: 12px;
+            font-size: 12px;
+            font-weight: 500;
+        }
+        
+        .status-on-track {
+            background: #D1FAE5;
+            color: #065F46;
+        }
+        
+        .status-attention {
+            background: #FEF3C7;
+            color: #92400E;
+        }
+        
+        .status-behind {
+            background: #FEE2E2;
+            color: #991B1B;
+        }
+        
+        .progress-bar {
+            width: 100%;
+            height: 8px;
+            background: #E5E7EB;
+            border-radius: 4px;
+            overflow: hidden;
+            margin-bottom: 8px;
+        }
+        
+        .progress-fill {
+            height: 100%;
+            border-radius: 4px;
+        }
+        
+        .progress-80 {
+            width: 80%;
+            background: #10B981;
+        }
+        
+        .progress-40 {
+            width: 40%;
+            background: #F59E0B;
+        }
+        
+        .progress-20 {
+            width: 20%;
+            background: #EF4444;
+        }
+        
+        .goal-details {
+            display: flex;
+            justify-content: space-between;
+            font-size: 14px;
+            color: #6B7280;
+        }
+        
+        /* Chat Interface */
+        .chat-container {
+            display: flex;
+            flex-direction: column;
+            height: 600px;
+            background: #F8FAFC;
+        }
+        
+        .chat-header {
+            background: white;
+            padding: 16px 24px;
+            border-bottom: 1px solid #E5E7EB;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .chat-title {
+            font-size: 18px;
+            font-weight: 600;
+            color: #1F2937;
+        }
+        
+        .chat-messages {
+            flex: 1;
+            padding: 20px;
+            overflow-y: auto;
+        }
+        
+        .message {
+            margin-bottom: 16px;
+            max-width: 70%;
+        }
+        
+        .message.user {
+            margin-left: auto;
+        }
+        
+        .message-bubble {
+            padding: 12px 16px;
+            border-radius: 16px;
+            word-wrap: break-word;
+        }
+        
+        .message.ai .message-bubble {
+            background: white;
+            border: 1px solid #E5E7EB;
+            border-radius: 16px 16px 16px 4px;
+        }
+        
+        .message.user .message-bubble {
+            background: #2563EB;
+            color: white;
+            border-radius: 16px 16px 4px 16px;
+        }
+        
+        .message-time {
+            font-size: 12px;
+            color: #9CA3AF;
+            margin-top: 4px;
+        }
+        
+        .chat-input {
+            background: white;
+            padding: 16px 24px;
+            border-top: 1px solid #E5E7EB;
+        }
+        
+        .input-container {
+            display: flex;
+            gap: 12px;
+            margin-bottom: 12px;
+        }
+        
+        .chat-input-field {
+            flex: 1;
+            padding: 12px 16px;
+            border: 1px solid #D1D5DB;
+            border-radius: 24px;
+            outline: none;
+        }
+        
+        .send-button {
+            background: #2563EB;
+            color: white;
+            border: none;
+            border-radius: 50%;
+            width: 40px;
+            height: 40px;
+            cursor: pointer;
+        }
+        
+        .quick-actions {
+            display: flex;
+            gap: 8px;
+        }
+        
+        .quick-action {
+            background: #F3F4F6;
+            border: none;
+            padding: 6px 12px;
+            border-radius: 16px;
+            font-size: 12px;
+            color: #6B7280;
+            cursor: pointer;
+        }
+        
+        /* Buttons */
+        .btn {
+            padding: 8px 16px;
+            border-radius: 8px;
+            border: none;
+            font-weight: 500;
+            cursor: pointer;
+            text-decoration: none;
+            display: inline-block;
+        }
+        
+        .btn-primary {
+            background: #2563EB;
+            color: white;
+        }
+        
+        .btn-secondary {
+            background: #F3F4F6;
+            color: #374151;
+        }
+        
+        /* Responsive */
+        @media (max-width: 768px) {
+            .cards-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .nav {
+                display: none;
+            }
+            
+            .dashboard {
+                padding: 16px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Dashboard Screen -->
+    <div class="wireframe-container">
+        <div class="screen">
+            <div class="header">
+                <div class="logo">
+                    🏦 FinanceAI
+                </div>
+                <nav class="nav">
+                    <a href="#" class="nav-item active">Dashboard</a>
+                    <a href="#" class="nav-item">Goals</a>
+                    <a href="#" class="nav-item">Chat</a>
+                    <a href="#" class="nav-item">Insights</a>
+                </nav>
+                <div class="user-menu">
+                    <div class="avatar">JD</div>
+                </div>
+            </div>
+            
+            <div class="dashboard">
+                <div class="welcome-section">
+                    <div class="welcome-title">👋 Good morning, John!</div>
+                    <div class="date">📅 Dec 15, 2024</div>
+                </div>
+                
+                <div class="net-worth-card">
+                    <div class="net-worth-title">Net Worth</div>
+                    <div class="net-worth-amount">₹18,45,000</div>
+                    <div class="net-worth-change">↗️ +2.3% this month</div>
+                    <div class="net-worth-breakdown">
+                        <div>Assets: ₹22,15,000</div>
+                        <div>Liabilities: ₹3,70,000</div>
+                    </div>
+                </div>
+                
+                <div class="cards-grid">
+                    <div class="dashboard-card">
+                        <div class="card-title">Monthly Overview</div>
+                        <div class="card-content">
+                            <div class="card-metric">
+                                <span>Income:</span>
+                                <span class="metric-value">₹1,25,000</span>
+                            </div>
+                            <div class="card-metric">
+                                <span>Expenses:</span>
+                                <span class="metric-value">₹85,000</span>
+                            </div>
+                            <div class="card-metric">
+                                <span>Savings:</span>
+                                <span class="metric-value">₹40,000</span>
+                            </div>
+                        </div>
+                    </div>
+                    
+                    <div class="dashboard-card">
+                        <div class="card-title">Investment Performance</div>
+                        <div class="card-content">
+                            <div class="card-metric">
+                                <span>Portfolio:</span>
+                                <span class="metric-value">₹8.2L</span>
+                            </div>
+                            <div class="card-metric">
+                                <span>Returns:</span>
+                                <span class="metric-value" style="color: #10B981;">+12.5%</span>
+                            </div>
+                            <a href="#" class="btn btn-secondary" style="margin-top: 8px;">📈 View Details</a>
+                        </div>
+                    </div>
+                    
+                    <div class="dashboard-card">
+                        <div class="card-title">Credit Score</div>
+                        <div class="card-content">
+                            <div style="text-align: center; margin-bottom: 12px;">
+                                <div style="font-size: 24px; font-weight: bold; color: #1F2937;">780</div>
+                                <div style="color: #10B981;">⭐ Good</div>
+                            </div>
+                            <a href="#" class="btn btn-secondary">View More</a>
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="goals-section">
+                    <div class="goals-header">
+                        <div class="goals-title">🎯 Your Goals</div>
+                        <a href="#" class="btn btn-primary">+ New Goal</a>
+                    </div>
+                    
+                    <div class="goal-item">
+                        <div class="goal-header">
+                            <div class="goal-name">🏠 Home Purchase (₹50L)</div>
+                            <div class="goal-status status-on-track">🟢 On Track</div>
+                        </div>
+                        <div class="progress-bar">
+                            <div class="progress-fill progress-80"></div>
+                        </div>
+                        <div class="goal-details">
+                            <span>Progress: ₹40,00,000</span>
+                            <span>80% Complete</span>
+                        </div>
+                    </div>
+                    
+                    <div class="goal-item">
+                        <div class="goal-header">
+                            <div class="goal-name">🎓 Kids Education (₹25L)</div>
+                            <div class="goal-status status-attention">🟡 Needs Attention</div>
+                        </div>
+                        <div class="progress-bar">
+                            <div class="progress-fill progress-40"></div>
+                        </div>
+                        <div class="goal-details">
+                            <span>Progress: ₹10,00,000</span>
+                            <span>40% Complete</span>
+                        </div>
+                    </div>
+                    
+                    <div class="goal-item">
+                        <div class="goal-header">
+                            <div class="goal-name">🏖️ Retirement (₹2Cr)</div>
+                            <div class="goal-status status-behind">🔴 Behind</div>
+                        </div>
+                        <div class="progress-bar">
+                            <div class="progress-fill progress-20"></div>
+                        </div>
+                        <div class="goal-details">
+                            <span>Progress: ₹40,00,000</span>
+                            <span>20% Complete</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        
+        <!-- Chat Interface Screen -->
+        <div class="screen">
+            <div class="header">
+                <div class="logo">
+                    🏦 FinanceAI
+                </div>
+                <nav class="nav">
+                    <a href="#" class="nav-item">Dashboard</a>
+                    <a href="#" class="nav-item">Goals</a>
+                    <a href="#" class="nav-item active">Chat</a>
+                    <a href="#" class="nav-item">Insights</a>
+                </nav>
+                <div class="user-menu">
+                    <div class="avatar">JD</div>
+                </div>
+            </div>
+            
+            <div class="chat-container">
+                <div class="chat-header">
+                    <div class="chat-title">🤖 AI Financial Assistant</div>
+                    <button class="btn btn-secondary">Clear Chat</button>
+                </div>
+                
+                <div class="chat-messages">
+                    <div class="message ai">
+                        <div class="message-bubble">
+                            🤖 Hi John! I'm your AI financial assistant. Ask me anything about your finances, investments, or goals.
+                        </div>
+                        <div class="message-time">Today, 9:30 AM</div>
+                    </div>
+                    
+                    <div class="message user">
+                        <div class="message-bubble">
+                            How much did I spend on food last month?
+                        </div>
+                        <div class="message-time">Today, 9:32 AM</div>
+                    </div>
+                    
+                    <div class="message ai">
+                        <div class="message-bubble">
+                            You spent ₹18,500 on food in November, which is 15% more than your average. Here's the breakdown:<br><br>
+                            🍽️ Restaurants: ₹12,000 (65%)<br>
+                            🛒 Groceries: ₹4,500 (24%)<br>
+                            ☕ Cafes: ₹2,000 (11%)<br><br>
+                            💡 Tip: Consider cooking more at home to save ₹4-5K/month
+                        </div>
+                        <div class="message-time">Today, 9:32 AM</div>
+                    </div>
+                </div>
+                
+                <div class="chat-input">
+                    <div class="input-container">
+                        <input type="text" class="chat-input-field" placeholder="Ask me anything about your finances...">
+                        <button class="send-button">➤</button>
+                    </div>
+                    <div class="quick-actions">
+                        <button class="quick-action">Monthly Expenses</button>
+                        <button class="quick-action">Investment Performance</button>
+                        <button class="quick-action">Debt Status</button>
+                        <button class="quick-action">Goals</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
\ No newline at end of file