Upload 7 files

INSTALLATION.md

@@ -0,0 +1,96 @@
+# Installation Instructions for Omdurman National Bank Chatbot
+
+This document provides instructions for installing and running the improved Omdurman National Bank chatbot.
+
+## Prerequisites
+
+- Python 3.6 or higher
+- pip (Python package installer)
+
+## Installation Steps
+
+1. Create a virtual environment (recommended):
+   ```bash
+   python3 -m venv venv
+   source venv/bin/activate  # On Windows: venv\Scripts\activate
+   ```
+
+2. Install Gradio with minimal dependencies:
+   ```bash
+   pip install gradio --no-deps
+   ```
+
+3. Install required dependencies:
+   ```bash
+   pip install gradio-client
+   ```
+
+4. For full functionality (if disk space allows):
+   ```bash
+   pip install numpy pandas
+   ```
+
+## Running the Chatbot
+
+### Basic Version
+To run the basic version of the chatbot:
+
+```bash
+python3 final_chatbot.py
+```
+
+This will start the chatbot with core functionality. The chatbot will automatically detect if the customer service enhancements module is available and adapt accordingly.
+
+### Testing Locally
+
+Once the chatbot is running, you can access it at:
+- http://localhost:7860
+
+The chatbot will also generate a public link that you can use to access it from any device.
+
+## Troubleshooting
+
+### Disk Space Issues
+
+If you encounter disk space issues during installation, you can try:
+
+1. Using the `--no-deps` flag with pip to avoid installing unnecessary dependencies:
+   ```bash
+   pip install gradio --no-deps
+   ```
+
+2. Installing only the essential dependencies:
+   ```bash
+   pip install gradio-client
+   ```
+
+3. Using a smaller version of the chatbot by removing the customer service enhancements:
+   ```bash
+   # Run without importing customer_service_enhancements.py
+   ```
+
+### Missing Modules
+
+If you encounter "ModuleNotFoundError" messages:
+
+1. Install the specific missing module:
+   ```bash
+   pip install [module_name]
+   ```
+
+2. If the error is related to gradio-client:
+   ```bash
+   pip install gradio-client
+   ```
+
+## File Structure
+
+- `final_chatbot.py`: The main chatbot implementation with all features
+- `customer_service_enhancements.py`: Additional customer service features (optional)
+- `original_chatbot.py`: The original chatbot implementation for reference
+- `README.md`: Overview of the chatbot features and implementation
+- `INSTALLATION.md`: This installation guide
+
+## Contact
+
+For any issues or questions, please contact the Omdurman National Bank IT support team.

README.md

@@ -1,14 +1,61 @@
----
-title: Arabic Sentiment Demo
-emoji: 💬
-colorFrom: yellow
-colorTo: purple
-sdk: gradio
-sdk_version: 5.0.1
-app_file: app.py
-pinned: false
-license: apache-2.0
-short_description: Chatbot customer
----
-
-An example chatbot using [Gradio](https://gradio.app), [`huggingface_hub`](https://huggingface.co/docs/huggingface_hub/v0.22.2/en/index), and the [Hugging Face Inference API](https://huggingface.co/docs/api-inference/index).
+# Omdurman National Bank Chatbot
+
+This is an improved chatbot for Omdurman National Bank with user-friendly features and external action capabilities.
+
+## Features
+
+### User-Friendly Enhancements
+- Bilingual support (Arabic and English)
+- Quick action buttons for common banking tasks
+- Typing indicators for a more natural conversation experience
+- Enhanced UI with better styling and layout
+- Welcome message with bank logo
+
+### External Actions
+- Clickable links for online banking actions
+- Phone number links for direct calling
+- Email links for customer support
+- Branch location finder
+- Live agent connection option
+
+### Customer Service Expertise
+- Natural language responses with greeting and follow-up phrases
+- Personalized customer service tone
+- Interaction logging for quality improvement
+- Menu of available services
+
+## Implementation Details
+
+The chatbot has been implemented with disk space constraints in mind:
+- Replaced the heavy transformers-based language detection with a lightweight regex-based approach
+- Used HTML/CSS/JavaScript for enhanced UI features instead of additional dependencies
+- Implemented all functionality within a single file for easy deployment
+
+## How to Run
+
+```bash
+cd /home/ubuntu/banking_chatbot
+python3 improved_chatbot.py
+```
+
+The chatbot will be available at http://localhost:7860 and will also generate a public link for external access.
+
+## Comparison with Original Version
+
+The improved version offers several advantages over the original:
+1. More user-friendly interface with quick action buttons
+2. External action links for banking services
+3. More natural, human-like responses
+4. Typing indicators for a more engaging experience
+5. Live agent connection option
+6. Interaction logging for service improvement
+7. Reduced dependencies for better performance
+
+## Customization
+
+You can customize the chatbot by modifying:
+- `ONB_GUIDELINES_AR` and `ONB_GUIDELINES_EN` for response content
+- `QUICK_ACTIONS_AR` and `QUICK_ACTIONS_EN` for quick action buttons
+- `CUSTOMER_SERVICE_PHRASES_AR` and `CUSTOMER_SERVICE_PHRASES_EN` for tone and style
+- `custom_css` for visual styling
+- `custom_js` for interactive behavior

customer_service_enhancements.py

@@ -0,0 +1,349 @@
+"""
+Customer Service Expertise Enhancements for Omdurman National Bank Chatbot
+
+This module contains additional customer service expertise elements that can be
+integrated into the main chatbot implementation to provide a more personalized
+and professional banking experience.
+"""
+
+# Enhanced customer service phrases with more banking-specific language
+ENHANCED_CUSTOMER_SERVICE_PHRASES_AR = {
+    "greeting": [
+        "مرحبًا بك في بنك أم درمان الوطني! كيف يمكنني مساعدتك اليوم؟",
+        "أهلاً بك في خدمة العملاء الافتراضية لبنك أم درمان الوطني. كيف يمكنني خدمتك؟",
+        "مرحبًا! أنا مساعدك المصرفي الشخصي من بنك أم درمان الوطني. كيف يمكنني مساعدتك؟",
+        "شكرًا لاختيارك بنك أم درمان الوطني. كيف يمكنني تلبية احتياجاتك المصرفية اليوم؟"
+    ],
+    "thanks": [
+        "شكرًا لتواصلك مع بنك أم درمان الوطني!",
+        "نشكرك على ثقتك في خدماتنا المصرفية.",
+        "سعداء بخدمتك دائمًا في بنك أم درمان الوطني!",
+        "نقدر اختيارك لبنك أم درمان الوطني لتلبية احتياجاتك المالية."
+    ],
+    "follow_up": [
+        "هل هناك خدمة مصرفية أخرى يمكنني مساعدتك بها اليوم؟",
+        "هل لديك أي استفسارات أخرى حول منتجاتنا أو خدماتنا المصرفية؟",
+        "هل تحتاج إلى مساعدة في أي معاملات مصرفية أخرى؟",
+        "هل يمكنني مساعدتك في أي شيء آخر لتحسين تجربتك المصرفية معنا؟"
+    ],
+    "apology": [
+        "أعتذر عن أي إزعاج قد سببناه لك.",
+        "نأسف على هذه التجربة، ونحن ملتزمون بتحسين خدماتنا.",
+        "أعتذر عن عدم تلبية توقعاتك. دعنا نعمل معًا لإيجاد حل.",
+        "نعتذر عن هذا الخطأ ونقدر صبرك."
+    ],
+    "reassurance": [
+        "يمكنك الاطمئنان بأن أموالك في أيدٍ أمينة مع بنك أم درمان الوطني.",
+        "أمن معلوماتك المالية هو أولويتنا القصوى.",
+        "نحن نلتزم بتقديم أفضل الحلول المالية لعملائنا الكرام.",
+        "ثقتك مهمة لنا، ونحن نعمل جاهدين للحفاظ عليها."
+    ]
+}
+
+ENHANCED_CUSTOMER_SERVICE_PHRASES_EN = {
+    "greeting": [
+        "Welcome to Omdurman National Bank! How may I assist you today?",
+        "Hello and welcome to ONB virtual customer service. How can I help you?",
+        "Greetings! I'm your personal banking assistant from Omdurman National Bank. How can I assist you?",
+        "Thank you for choosing Omdurman National Bank. How may I address your banking needs today?"
+    ],
+    "thanks": [
+        "Thank you for contacting Omdurman National Bank!",
+        "We appreciate your trust in our banking services.",
+        "Always a pleasure serving you at Omdurman National Bank!",
+        "We value your choice of Omdurman National Bank for your financial needs."
+    ],
+    "follow_up": [
+        "Is there any other banking service I can assist you with today?",
+        "Do you have any other questions about our products or banking services?",
+        "Do you need assistance with any other banking transactions?",
+        "Can I help you with anything else to enhance your banking experience with us?"
+    ],
+    "apology": [
+        "I apologize for any inconvenience this may have caused you.",
+        "We're sorry about this experience, and we're committed to improving our services.",
+        "I apologize that we didn't meet your expectations. Let's work together to find a solution.",
+        "We apologize for this error and appreciate your patience."
+    ],
+    "reassurance": [
+        "You can rest assured that your money is in safe hands with Omdurman National Bank.",
+        "The security of your financial information is our top priority.",
+        "We are committed to providing the best financial solutions for our valued customers.",
+        "Your trust is important to us, and we work hard to maintain it."
+    ]
+}
+
+# Banking-specific FAQs
+BANKING_FAQS_AR = [
+    {
+        "question": "ما هي متطلبات فتح حساب توفير؟",
+        "answer": "لفتح حساب توفير، تحتاج إلى هوية وطنية سارية المفعول أو جواز سفر، وإثبات عنوان (مثل فاتورة مرافق)، والحد الأدنى للإيداع هو 1000 جنيه سوداني."
+    },
+    {
+        "question": "كيف يمكنني تغيير رقم هاتفي المسجل لدى البنك؟",
+        "answer": "لتغيير رقم هاتفك المسجل، يرجى زيارة أقرب فرع مع إثبات هويتك، أو يمكنك تقديم طلب عبر الخدمات المصرفية عبر الإنترنت في قسم 'تحديث المعلومات الشخصية'."
+    },
+    {
+        "question": "ما هي رسوم التحويلات الدولية؟",
+        "answer": "تبدأ رسوم التحويلات الدولية من 25 جنيه سوداني وتختلف حسب البلد المستلم ومبلغ التحويل. للحصول على تفاصيل محددة، يرجى الاطلاع على جدول الرسوم على موقعنا الإلكتروني."
+    },
+    {
+        "question": "هل يمكنني الحصول على قرض إذا كنت متقاعدًا؟",
+        "answer": "نعم، يمكن للمتقاعدين التقدم بطلب للحصول على قروض خاصة مع شروط ميسرة. يجب أن يكون عمرك أقل من 70 عامًا وأن تتلقى معاشك التقاعدي من خلال حساب في بنكنا."
+    },
+    {
+        "question": "كم من الوقت يستغرق إصدار بطاقة ائتمان جديدة؟",
+        "answer": "عادة ما يستغرق إصدار بطاقة ائتمان جديدة من 7 إلى 10 أيام عمل من تاريخ الموافقة على الطلب. يمكنك متابعة حالة طلبك من خلال الخدمات المصرفية عبر الإنترنت."
+    }
+]
+
+BANKING_FAQS_EN = [
+    {
+        "question": "What are the requirements for opening a savings account?",
+        "answer": "To open a savings account, you need a valid national ID or passport, proof of address (such as a utility bill), and the minimum deposit is 1000 SDG."
+    },
+    {
+        "question": "How can I change my registered phone number with the bank?",
+        "answer": "To change your registered phone number, please visit your nearest branch with your ID proof, or you can submit a request through online banking in the 'Update Personal Information' section."
+    },
+    {
+        "question": "What are the fees for international transfers?",
+        "answer": "International transfer fees start from 25 SDG and vary depending on the receiving country and transfer amount. For specific details, please check the fee schedule on our website."
+    },
+    {
+        "question": "Can I get a loan if I am retired?",
+        "answer": "Yes, retirees can apply for special loans with favorable terms. You must be under 70 years of age and receive your pension through an account with our bank."
+    },
+    {
+        "question": "How long does it take to issue a new credit card?",
+        "answer": "Issuing a new credit card typically takes 7-10 business days from the date of application approval. You can track your application status through online banking."
+    }
+]
+
+# Customer satisfaction survey
+SATISFACTION_SURVEY_AR = {
+    "title": "استطلاع رضا العملاء",
+    "intro": "نقدر ملاحظاتك! يرجى تقييم تجربتك مع مساعدنا المصرفي الافتراضي.",
+    "questions": [
+        "كيف تقيم سهولة استخدام المساعد المصرفي الافتراضي؟",
+        "هل كانت المعلومات المقدمة مفيدة ودقيقة؟",
+        "هل تمت معالجة استفسارك بشكل فعال؟",
+        "ما مدى احتمالية استخدامك للمساعد المصرفي الافتراضي مرة أخرى؟",
+        "هل لديك أي اقتراحات لتحسين خدمتنا؟"
+    ],
+    "ratings": ["ممتاز", "جيد جدًا", "جيد", "مقبول", "ضعيف"],
+    "submit": "إرسال التقييم",
+    "thanks": "شكرًا على ملاحظاتك القيمة!"
+}
+
+SATISFACTION_SURVEY_EN = {
+    "title": "Customer Satisfaction Survey",
+    "intro": "We value your feedback! Please rate your experience with our virtual banking assistant.",
+    "questions": [
+        "How would you rate the ease of use of the virtual banking assistant?",
+        "Was the information provided helpful and accurate?",
+        "Was your inquiry handled effectively?",
+        "How likely are you to use the virtual banking assistant again?",
+        "Do you have any suggestions for improving our service?"
+    ],
+    "ratings": ["Excellent", "Very Good", "Good", "Fair", "Poor"],
+    "submit": "Submit Rating",
+    "thanks": "Thank you for your valuable feedback!"
+}
+
+# Banking terminology glossary
+BANKING_GLOSSARY_AR = {
+    "حساب جاري": "حساب مصرفي يسمح بالسحب والإيداع المتكرر، عادة بدون فائدة.",
+    "حساب توفير": "حساب مصرفي يدفع فائدة على الأموال المودعة ويشجع على الادخار.",
+    "بطاقة الخصم": "بطاقة تسمح بالدفع الإلكتروني مباشرة من الحساب الجاري.",
+    "بطاقة ائتمان": "بطاقة تسمح بالاقتراض ضمن حد ائتماني محدد مسبقًا.",
+    "معدل الفائدة": "النسبة المئوية للمبلغ الأصلي الذي يدفعه المقترض كرسوم للمقرض.",
+    "الرصيد المتاح": "المبلغ المتاح للسحب من الحساب.",
+    "كشف الحساب": "سجل للمعاملات المالية خلال فترة زمنية محددة.",
+    "الحوالة المصرفية": "تحويل الأموال إلكترونيًا من حساب إلى آخر.",
+    "الرهن العقاري": "قرض لشراء عقار، حيث يكون العقار نفسه ضمانًا للقرض.",
+    "الوديعة لأجل": "إيداع مالي في البنك لفترة زمنية محددة بسعر فائدة ثابت."
+}
+
+BANKING_GLOSSARY_EN = {
+    "Current Account": "A bank account that allows frequent withdrawals and deposits, usually without interest.",
+    "Savings Account": "A bank account that pays interest on deposits and encourages saving.",
+    "Debit Card": "A card that allows electronic payment directly from a current account.",
+    "Credit Card": "A card that allows borrowing within a pre-approved credit limit.",
+    "Interest Rate": "The percentage of the principal amount that a borrower pays as a fee to the lender.",
+    "Available Balance": "The amount available for withdrawal from an account.",
+    "Bank Statement": "A record of financial transactions over a specified period.",
+    "Wire Transfer": "Electronic transfer of funds from one account to another.",
+    "Mortgage": "A loan to purchase real estate, where the property itself serves as collateral.",
+    "Fixed Deposit": "A financial deposit in a bank for a specified time period at a fixed interest rate."
+}
+
+# Function to get enhanced customer service response
+def get_enhanced_response(intent, language, user_name=None):
+    """
+    Generate an enhanced customer service response based on intent and language.
+    
+    Args:
+        intent (str): The identified user intent
+        language (str): The language code ('ar' or 'en')
+        user_name (str, optional): The user's name for personalization
+        
+    Returns:
+        str: An enhanced response with appropriate customer service elements
+    """
+    import random
+    
+    # Select the appropriate phrases based on language
+    phrases = ENHANCED_CUSTOMER_SERVICE_PHRASES_AR if language == "ar" else ENHANCED_CUSTOMER_SERVICE_PHRASES_EN
+    
+    # Get the base response content
+    if language == "ar":
+        base_content = ONB_GUIDELINES_AR.get(intent, "")
+    else:
+        base_content = ONB_GUIDELINES_EN.get(intent, "")
+    
+    # Add personalization if user name is provided
+    greeting = random.choice(phrases["greeting"])
+    if user_name:
+        if language == "ar":
+            greeting = greeting.replace("مرحبًا", f"مرحبًا {user_name}")
+        else:
+            greeting = greeting.replace("Welcome", f"Welcome {user_name}")
+    
+    # Add reassurance for financial security related intents
+    reassurance = ""
+    if intent in ["balance", "transfer", "loan", "new_account"]:
+        reassurance = f"<br><br>{random.choice(phrases['reassurance'])}"
+    
+    # Add follow-up
+    follow_up = random.choice(phrases["follow_up"])
+    
+    # Combine all elements
+    enhanced_response = f"{greeting}<br><br>{base_content}{reassurance}<br><br>{follow_up}"
+    
+    return enhanced_response
+
+# Function to handle common banking FAQs
+def handle_banking_faq(question, language):
+    """
+    Check if the user's question matches any common banking FAQs and return the answer.
+    
+    Args:
+        question (str): The user's question
+        language (str): The language code ('ar' or 'en')
+        
+    Returns:
+        str or None: The FAQ answer if found, None otherwise
+    """
+    # Select the appropriate FAQs based on language
+    faqs = BANKING_FAQS_AR if language == "ar" else BANKING_FAQS_EN
+    
+    # Convert question to lowercase for case-insensitive matching
+    question_lower = question.lower()
+    
+    # Check each FAQ for a match
+    for faq in faqs:
+        faq_question_lower = faq["question"].lower()
+        
+        # Check if the user's question contains the FAQ question keywords
+        keywords = faq_question_lower.split()
+        match_count = sum(1 for keyword in keywords if keyword in question_lower)
+        
+        # If more than 50% of keywords match, consider it a match
+        if match_count >= len(keywords) * 0.5:
+            return faq["answer"]
+    
+    return None
+
+# Function to offer satisfaction survey
+def offer_satisfaction_survey(language):
+    """
+    Generate HTML for a customer satisfaction survey.
+    
+    Args:
+        language (str): The language code ('ar' or 'en')
+        
+    Returns:
+        str: HTML for the satisfaction survey
+    """
+    # Select the appropriate survey based on language
+    survey = SATISFACTION_SURVEY_AR if language == "ar" else SATISFACTION_SURVEY_EN
+    
+    # Generate HTML for the survey
+    html = f"""
+    <div class="satisfaction-survey" dir="{('rtl' if language == 'ar' else 'ltr')}">
+        <h3>{survey['title']}</h3>
+        <p>{survey['intro']}</p>
+        <form id="satisfaction-form">
+    """
+    
+    # Add questions
+    for i, question in enumerate(survey['questions']):
+        html += f"""
+        <div class="survey-question">
+            <p>{question}</p>
+            <div class="rating-options">
+        """
+        
+        # Add rating options
+        for rating in survey['ratings']:
+            html += f"""
+            <label>
+                <input type="radio" name="q{i+1}" value="{rating}">
+                {rating}
+            </label>
+            """
+        
+        html += """
+            </div>
+        </div>
+        """
+    
+    # Add text area for suggestions
+    html += f"""
+        <div class="survey-question">
+            <p>{survey['questions'][-1]}</p>
+            <textarea name="suggestions" rows="3" cols="40"></textarea>
+        </div>
+    """
+    
+    # Add submit button
+    html += f"""
+        <button type="button" onclick="submitSurvey()" class="survey-submit">{survey['submit']}</button>
+        </form>
+    </div>
+    
+    <script>
+    function submitSurvey() {{
+        alert('{survey['thanks']}');
+        document.getElementById('satisfaction-form').style.display = 'none';
+    }}
+    </script>
+    """
+    
+    return html
+
+# Function to provide banking term definition
+def get_banking_term_definition(term, language):
+    """
+    Get the definition of a banking term from the glossary.
+    
+    Args:
+        term (str): The banking term to look up
+        language (str): The language code ('ar' or 'en')
+        
+    Returns:
+        str or None: The definition if found, None otherwise
+    """
+    # Select the appropriate glossary based on language
+    glossary = BANKING_GLOSSARY_AR if language == "ar" else BANKING_GLOSSARY_EN
+    
+    # Convert term to lowercase for case-insensitive matching
+    term_lower = term.lower()
+    
+    # Check each term in the glossary
+    for glossary_term, definition in glossary.items():
+        if glossary_term.lower() in term_lower or term_lower in glossary_term.lower():
+            return definition
+    
+    return None

final_chatbot.py

@@ -0,0 +1,923 @@
+import gradio as gr
+import re
+import json
+import time
+from datetime import datetime
+
+# Simple language detection function instead of using transformers
+def simple_detect_language(text):
+    # Check for Arabic characters
+    arabic_pattern = re.compile(r'[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF]+')
+    if arabic_pattern.search(text):
+        return "ar"
+    return "en"
+
+# Import customer service enhancements
+try:
+    from customer_service_enhancements import (
+        ENHANCED_CUSTOMER_SERVICE_PHRASES_AR,
+        ENHANCED_CUSTOMER_SERVICE_PHRASES_EN,
+        BANKING_FAQS_AR,
+        BANKING_FAQS_EN,
+        BANKING_GLOSSARY_AR,
+        BANKING_GLOSSARY_EN,
+        get_enhanced_response,
+        handle_banking_faq,
+        offer_satisfaction_survey,
+        get_banking_term_definition
+    )
+    CUSTOMER_SERVICE_ENHANCEMENTS_AVAILABLE = True
+except ImportError:
+    CUSTOMER_SERVICE_ENHANCEMENTS_AVAILABLE = False
+    # Fallback customer service phrases
+    ENHANCED_CUSTOMER_SERVICE_PHRASES_AR = {
+        "greeting": [
+            "مرحبًا بك في بنك أم درمان الوطني! كيف يمكنني مساعدتك اليوم؟",
+            "أهلاً بك في خدمة العملاء الافتراضية لبنك أم درمان الوطني. كيف يمكنني خدمتك؟"
+        ],
+        "thanks": [
+            "شكرًا لتواصلك مع بنك أم درمان الوطني!",
+            "نشكرك على ثقتك في خدماتنا المصرفية."
+        ],
+        "follow_up": [
+            "هل هناك خدمة مصرفية أخرى يمكنني مساعدتك بها اليوم؟",
+            "هل لديك أي استفسارات أخرى حول منتجاتنا أو خدماتنا المصرفية؟"
+        ]
+    }
+    ENHANCED_CUSTOMER_SERVICE_PHRASES_EN = {
+        "greeting": [
+            "Welcome to Omdurman National Bank! How may I assist you today?",
+            "Hello and welcome to ONB virtual customer service. How can I help you?"
+        ],
+        "thanks": [
+            "Thank you for contacting Omdurman National Bank!",
+            "We appreciate your trust in our banking services."
+        ],
+        "follow_up": [
+            "Is there any other banking service I can assist you with today?",
+            "Do you have any other questions about our products or banking services?"
+        ]
+    }
+
+# Omdurman National Bank-specific guidelines in Arabic
+ONB_GUIDELINES_AR = {
+    "balance": "يمكنك التحقق من رصيدك عبر الإنترنت أو عبر تطبيق الهاتف الخاص ببنك أم درمان الوطني. <a href='#' onclick='window.open(\"https://onb.sd/balance\", \"_blank\")'>افحص رصيدك الآن</a>",
+    "lost_card": "في حالة فقدان البطاقة، اتصل بالرقم <a href='tel:249123456789'>249-123-456-789</a> فورًا أو <a href='#' onclick='window.open(\"https://onb.sd/block-card\", \"_blank\")'>أوقف البطاقة عبر الإنترنت</a>.",
+    "loan": "شروط القرض تشمل الحد الأدنى للدخل (5000 جنيه سوداني) وتاريخ ائتماني جيد. <a href='#' onclick='window.open(\"https://onb.sd/loans\", \"_blank\")'>تقدم بطلب قرض الآن</a>",
+    "transfer": "لتحويل الأموال، استخدم <a href='#' onclick='window.open(\"https://onb.sd/mobile-app\", \"_blank\")'>تطبيق الهاتف</a> أو <a href='#' onclick='window.open(\"https://onb.sd/online-banking\", \"_blank\")'>الخدمة المصرفية عبر الإنترنت</a>.",
+    "new_account": "لفتح حساب جديد، قم بزيارة أقرب فرع مع جواز سفرك أو هويتك الوطنية. <a href='#' onclick='window.open(\"https://onb.sd/new-account\", \"_blank\")'>احجز موعدًا الآن</a>",
+    "interest_rates": "أسعار الفائدة على الودائع تتراوح بين 5% إلى 10% سنويًا. <a href='#' onclick='window.open(\"https://onb.sd/rates\", \"_blank\")'>اطلع على جميع الأسعار</a>",
+    "branches": "فروعنا موجودة في أم درمان، الخرطوم، وبورتسودان. <a href='#' onclick='window.open(\"https://onb.sd/branches\", \"_blank\")'>اعثر على أقرب فرع</a>",
+    "working_hours": "ساعات العمل من 8 صباحًا إلى 3 مساءً من الأحد إلى الخميس. <a href='#' onclick='window.open(\"https://onb.sd/hours\", \"_blank\")'>تحقق من ساعات العمل الخاصة</a>",
+    "contact": "الاتصال بنا على الرقم <a href='tel:249123456789'>249-123-456-789</a> أو عبر البريد الإلكتروني <a href='mailto:[email protected]'>[email protected]</a>. <a href='#' onclick='window.open(\"https://onb.sd/contact\", \"_blank\")'>نموذج الاتصال</a>"
+}
+
+# Omdurman National Bank-specific guidelines in English
+ONB_GUIDELINES_EN = {
+    "balance": "You can check your balance online or via the ONB mobile app. <a href='#' onclick='window.open(\"https://onb.sd/balance\", \"_blank\")'>Check your balance now</a>",
+    "lost_card": "In case of a lost card, call <a href='tel:249123456789'>249-123-456-789</a> immediately or <a href='#' onclick='window.open(\"https://onb.sd/block-card\", \"_blank\")'>block your card online</a>.",
+    "loan": "Loan requirements include minimum income (5000 SDG) and good credit history. <a href='#' onclick='window.open(\"https://onb.sd/loans\", \"_blank\")'>Apply for a loan now</a>",
+    "transfer": "To transfer funds, use the <a href='#' onclick='window.open(\"https://onb.sd/mobile-app\", \"_blank\")'>mobile app</a> or <a href='#' onclick='window.open(\"https://onb.sd/online-banking\", \"_blank\")'>online banking service</a>.",
+    "new_account": "To open a new account, visit your nearest branch with your passport or national ID. <a href='#' onclick='window.open(\"https://onb.sd/new-account\", \"_blank\")'>Book an appointment now</a>",
+    "interest_rates": "Interest rates on deposits range from 5% to 10% annually. <a href='#' onclick='window.open(\"https://onb.sd/rates\", \"_blank\")'>View all rates</a>",
+    "branches": "Our branches are located in Omdurman, Khartoum, and Port Sudan. <a href='#' onclick='window.open(\"https://onb.sd/branches\", \"_blank\")'>Find your nearest branch</a>",
+    "working_hours": "Working hours are from 8 AM to 3 PM, Sunday to Thursday. <a href='#' onclick='window.open(\"https://onb.sd/hours\", \"_blank\")'>Check special hours</a>",
+    "contact": "Contact us at <a href='tel:249123456789'>249-123-456-789</a> or via email at <a href='mailto:[email protected]'>[email protected]</a>. <a href='#' onclick='window.open(\"https://onb.sd/contact\", \"_blank\")'>Contact form</a>"
+}
+
+# Quick action buttons in Arabic
+QUICK_ACTIONS_AR = [
+    {"text": "تحقق من الرصيد", "intent": "balance"},
+    {"text": "الإبلاغ عن بطاقة مفقودة", "intent": "lost_card"},
+    {"text": "معلومات القرض", "intent": "loan"},
+    {"text": "تحويل الأموال", "intent": "transfer"},
+    {"text": "فتح حساب جديد", "intent": "new_account"},
+    {"text": "أسعار الفائدة", "intent": "interest_rates"},
+    {"text": "مواقع الفروع", "intent": "branches"},
+    {"text": "ساعات العمل", "intent": "working_hours"},
+    {"text": "اتصل بنا", "intent": "contact"}
+]
+
+# Quick action buttons in English
+QUICK_ACTIONS_EN = [
+    {"text": "Check Balance", "intent": "balance"},
+    {"text": "Report Lost Card", "intent": "lost_card"},
+    {"text": "Loan Information", "intent": "loan"},
+    {"text": "Transfer Funds", "intent": "transfer"},
+    {"text": "Open New Account", "intent": "new_account"},
+    {"text": "Interest Rates", "intent": "interest_rates"},
+    {"text": "Branch Locations", "intent": "branches"},
+    {"text": "Working Hours", "intent": "working_hours"},
+    {"text": "Contact Us", "intent": "contact"}
+]
+
+# Menu options in both languages
+MENU_AR = """
+قائمة الخدمات المصرفية:
+1. رصيد - استعلام عن رصيد حسابك
+2. بطاقة - الإبلاغ عن بطاقة مفقودة
+3. قرض - معلومات عن القروض
+4. تحويل - تحويل الأموال
+5. حساب - فتح حساب جديد
+6. فائدة - أسعار الفائدة
+7. فرع - مواقع الفروع
+8. ساعات - ساعات العمل
+9. اتصال - معلومات الاتصال
+"""
+
+MENU_EN = """
+Banking Services Menu:
+1. balance - Check your account balance
+2. card - Report a lost card
+3. loan - Information about loans
+4. transfer - Transfer funds
+5. account - Open a new account
+6. interest - Interest rates
+7. branch - Branch locations
+8. hours - Working hours
+9. contact - Contact information
+"""
+
+# Map intents to keywords (enhanced)
+INTENT_KEYWORDS = {
+    "balance": ["balance", "check balance", "account balance", "how much", "رصيد", "حساب", "كم المبلغ", "1"],
+    "lost_card": ["lost", "card", "stolen", "missing", "فقدت", "بطاقة", "مسروقة", "ضائعة", "2"],
+    "loan": ["loan", "borrow", "borrowing", "credit", "قرض", "استدانة", "إئتمان", "3"],
+    "transfer": ["transfer", "send money", "payment", "تحويل", "ارسال", "دفع", "4"],
+    "new_account": ["account", "open", "create", "new", "حساب", "فتح", "جديد", "إنشاء", "5"],
+    "interest_rates": ["interest", "rate", "rates", "return", "فائدة", "نسبة", "عائد", "6"],
+    "branches": ["branch", "location", "where", "office", "فرع", "موقع", "أين", "مكتب", "7"],
+    "working_hours": ["hours", "time", "open", "close", "ساعات", "وقت", "مفتوح", "مغلق", "8"],
+    "contact": ["contact", "phone", "email", "call", "اتصال", "هاتف", "بريد", "اتصل", "9"]
+}
+
+# Function to get a random phrase from the customer service phrases
+def get_random_phrase(category, language):
+    import random
+    if language == "ar":
+        return random.choice(ENHANCED_CUSTOMER_SERVICE_PHRASES_AR[category])
+    else:
+        return random.choice(ENHANCED_CUSTOMER_SERVICE_PHRASES_EN[category])
+
+def classify_intent(message: str):
+    # Check for menu request
+    menu_keywords = ["menu", "options", "help", "قائمة", "خيارات", "مساعدة"]
+    message_lower = message.lower()
+    
+    for keyword in menu_keywords:
+        if keyword in message_lower:
+            return "menu"
+    
+    # Use keyword matching for intent classification
+    for intent_key, keywords in INTENT_KEYWORDS.items():
+        for keyword in keywords:
+            if keyword.lower() in message_lower:
+                return intent_key
+                
+    return "unknown"
+
+# Function to log customer interactions
+def log_interaction(user_message, bot_response, intent, language):
+    timestamp = datetime.now().strftime("%Y-%m-%d %H:%M:%S")
+    log_entry = {
+        "timestamp": timestamp,
+        "user_message": user_message,
+        "bot_response": bot_response,
+        "intent": intent,
+        "language": language
+    }
+    
+    try:
+        with open("/home/ubuntu/banking_chatbot/interaction_logs.jsonl", "a") as f:
+            f.write(json.dumps(log_entry) + "\n")
+    except Exception as e:
+        print(f"Error logging interaction: {e}")
+
+def respond(message: str):
+    if not message.strip():
+        return {
+            "ar": "الرجاء كتابة سؤالك.",
+            "en": "Please type your question."
+        }
+    
+    # Detect language using simple function
+    language = simple_detect_language(message)
+    
+    # Classify the user's intent using keyword matching
+    intent = classify_intent(message)
+    
+    # Prepare responses in both languages
+    responses = {
+        "ar": "",
+        "en": ""
+    }
+    
+    # Special handling for menu request
+    if intent == "menu":
+        responses["ar"] = MENU_AR
+        responses["en"] = MENU_EN
+        log_interaction(message, responses[language], "menu", language)
+        return responses
+    
+    # Check if it's a banking FAQ
+    if CUSTOMER_SERVICE_ENHANCEMENTS_AVAILABLE:
+        faq_answer = handle_banking_faq(message, language)
+        if faq_answer:
+            # Add a greeting phrase at the beginning
+            greeting_ar = get_random_phrase("greeting", "ar")
+            greeting_en = get_random_phrase("greeting", "en")
+            
+            # Add a follow-up phrase at the end
+            follow_up_ar = get_random_phrase("follow_up", "ar")
+            follow_up_en = get_random_phrase("follow_up", "en")
+            
+            # Combine all parts
+            responses["ar"] = f"{greeting_ar}<br><br>{faq_answer}<br><br>{follow_up_ar}"
+            responses["en"] = f"{greeting_en}<br><br>{faq_answer}<br><br>{follow_up_en}"
+            
+            log_interaction(message, responses[language], "faq", language)
+            return responses
+    
+    # Check if it's a banking term definition request
+    if CUSTOMER_SERVICE_ENHANCEMENTS_AVAILABLE:
+        term_definition = get_banking_term_definition(message, language)
+        if term_definition:
+            # Add a greeting phrase at the beginning
+            greeting_ar = get_random_phrase("greeting", "ar")
+            greeting_en = get_random_phrase("greeting", "en")
+            
+            # Add a follow-up phrase at the end
+            follow_up_ar = get_random_phrase("follow_up", "ar")
+            follow_up_en = get_random_phrase("follow_up", "en")
+            
+            # Combine all parts
+            responses["ar"] = f"{greeting_ar}<br><br>{term_definition}<br><br>{follow_up_ar}"
+            responses["en"] = f"{greeting_en}<br><br>{term_definition}<br><br>{follow_up_en}"
+            
+            log_interaction(message, responses[language], "term", language)
+            return responses
+    
+    # If intent is recognized, return the corresponding response
+    if intent != "unknown":
+        if CUSTOMER_SERVICE_ENHANCEMENTS_AVAILABLE:
+            # Use enhanced response if available
+            responses["ar"] = get_enhanced_response(intent, "ar")
+            responses["en"] = get_enhanced_response(intent, "en")
+        else:
+            # Add a greeting phrase at the beginning
+            greeting_ar = get_random_phrase("greeting", "ar")
+            greeting_en = get_random_phrase("greeting", "en")
+            
+            # Add the main response
+            main_response_ar = ONB_GUIDELINES_AR.get(intent, "عذرًا، لم يتم التعرف على الخيار المحدد.")
+            main_response_en = ONB_GUIDELINES_EN.get(intent, "Sorry, the selected option was not recognized.")
+            
+            # Add a follow-up phrase at the end
+            follow_up_ar = get_random_phrase("follow_up", "ar")
+            follow_up_en = get_random_phrase("follow_up", "en")
+            
+            # Combine all parts
+            responses["ar"] = f"{greeting_ar}<br><br>{main_response_ar}<br><br>{follow_up_ar}"
+            responses["en"] = f"{greeting_en}<br><br>{main_response_en}<br><br>{follow_up_en}"
+    else:
+        # Default response if no intent is matched - show menu
+        responses["ar"] = "عذرًا، لم أفهم سؤالك. إليك قائمة بالخدمات المتاحة:" + MENU_AR
+        responses["en"] = "Sorry, I didn't understand your question. Here's a menu of available services:" + MENU_EN
+    
+    # Log the interaction
+    log_interaction(message, responses[language], intent, language)
+    
+    return responses
+
+# Custom CSS for better UI
+custom_css = """
+.gradio-container {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+.chat-message {
+    padding: 1rem;
+    border-radius: 10px;
+    margin-bottom: 1rem;
+    max-width: 80%;
+}
+
+.user-message {
+    background-color: #e6f7ff;
+    margin-left: auto;
+    text-align: right;
+}
+
+.bot-message {
+    background-color: #f0f0f0;
+    margin-right: auto;
+    text-align: left;
+}
+
+.bot-message-ar {
+    background-color: #f0f0f0;
+    margin-left: auto;
+    text-align: right;
+}
+
+.header-section {
+    background-color: #1a5276;
+    color: white;
+    padding: 1rem;
+    border-radius: 10px;
+    margin-bottom: 1rem;
+    text-align: center;
+}
+
+.footer-section {
+    font-size: 0.8rem;
+    text-align: center;
+    margin-top: 2rem;
+    color: #666;
+}
+
+.lang-selector {
+    text-align: right;
+    margin-bottom: 1rem;
+}
+
+.menu-button {
+    margin-top: 0.5rem;
+}
+
+.quick-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    margin: 1rem 0;
+}
+
+.quick-action-button {
+    background-color: #1a5276;
+    color: white;
+    border: none;
+    border-radius: 20px;
+    padding: 0.5rem 1rem;
+    cursor: pointer;
+    font-size: 0.9rem;
+    transition: background-color 0.3s;
+}
+
+.quick-action-button:hover {
+    background-color: #2980b9;
+}
+
+.chat-container {
+    border: 1px solid #ddd;
+    border-radius: 10px;
+    padding: 1rem;
+    background-color: #f9f9f9;
+}
+
+.typing-indicator {
+    display: inline-block;
+    width: 50px;
+    text-align: left;
+}
+
+.typing-indicator span {
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    background-color: #1a5276;
+    border-radius: 50%;
+    margin-right: 5px;
+    animation: typing 1s infinite;
+}
+
+.typing-indicator span:nth-child(2) {
+    animation-delay: 0.2s;
+}
+
+.typing-indicator span:nth-child(3) {
+    animation-delay: 0.4s;
+}
+
+@keyframes typing {
+    0%, 100% {
+        transform: translateY(0);
+    }
+    50% {
+        transform: translateY(-5px);
+    }
+}
+
+.live-agent-button {
+    background-color: #27ae60;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    padding: 0.5rem 1rem;
+    cursor: pointer;
+    font-size: 0.9rem;
+    margin-top: 1rem;
+    transition: background-color 0.3s;
+}
+
+.live-agent-button:hover {
+    background-color: #2ecc71;
+}
+
+/* Add custom styling for links */
+a {
+    color: #2980b9;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+/* Add styling for action buttons */
+.action-button {
+    display: inline-block;
+    background-color: #3498db;
+    color: white;
+    padding: 0.5rem 1rem;
+    border-radius: 5px;
+    margin: 0.5rem 0;
+    text-decoration: none;
+}
+
+.action-button:hover {
+    background-color: #2980b9;
+    text-decoration: none;
+}
+
+/* Styling for satisfaction survey */
+.satisfaction-survey {
+    background-color: #f8f9fa;
+    border: 1px solid #ddd;
+    border-radius: 10px;
+    padding: 1rem;
+    margin-top: 1rem;
+}
+
+.survey-question {
+    margin-bottom: 1rem;
+}
+
+.rating-options {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 0.5rem;
+}
+
+.survey-submit {
+    background-color: #1a5276;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    padding: 0.5rem 1rem;
+    cursor: pointer;
+    font-size: 0.9rem;
+    margin-top: 1rem;
+}
+
+.survey-submit:hover {
+    background-color: #2980b9;
+}
+"""
+
+# Custom JavaScript for enhanced functionality
+custom_js = """
+function simulateTyping(message, elementId, delay = 30) {
+    const element = document.getElementById(elementId);
+    if (!element) return;
+    
+    element.innerHTML = "";
+    let i = 0;
+    
+    function type() {
+        if (i < message.length) {
+            element.innerHTML += message.charAt(i);
+            i++;
+            setTimeout(type, delay);
+        }
+    }
+    
+    type();
+}
+
+// Function to show typing indicator
+function showTypingIndicator() {
+    const chatbox = document.getElementById('chatbox');
+    if (!chatbox) return;
+    
+    const typingIndicator = document.createElement('div');
+    typingIndicator.className = 'typing-indicator';
+    typingIndicator.id = 'typing-indicator';
+    typingIndicator.innerHTML = '<span></span><span></span><span></span>';
+    
+    chatbox.appendChild(typingIndicator);
+    chatbox.scrollTop = chatbox.scrollHeight;
+}
+
+// Function to hide typing indicator
+function hideTypingIndicator() {
+    const typingIndicator = document.getElementById('typing-indicator');
+    if (typingIndicator) {
+        typingIndicator.remove();
+    }
+}
+
+// Function to connect with a live agent
+function connectLiveAgent() {
+    alert('Connecting to a live customer service agent. Please wait a moment...');
+    // In a real implementation, this would initiate a connection to a live agent system
+}
+
+// Function to show satisfaction survey
+function showSatisfactionSurvey(surveyHtml) {
+    const chatbox = document.getElementById('chatbox');
+    if (!chatbox) return;
+    
+    const surveyDiv = document.createElement('div');
+    surveyDiv.innerHTML = surveyHtml;
+    
+    chatbox.appendChild(surveyDiv);
+    chatbox.scrollTop = chatbox.scrollHeight;
+}
+
+// Function to submit survey
+function submitSurvey() {
+    const form = document.getElementById('satisfaction-form');
+    if (!form) return;
+    
+    // In a real implementation, this would send the survey data to a server
+    alert('Thank you for your feedback!');
+    form.style.display = 'none';
+}
+"""
+
+# Chat interface with enhanced UI
+with gr.Blocks(css=custom_css, js=custom_js) as demo:
+    # Store conversation history
+    state = gr.State(value=[])
+    # Store selected language
+    selected_lang = gr.State(value="ar")
+    # Store user name for personalization
+    user_name = gr.State(value=None)
+    
+    with gr.Row(elem_classes="header-section"):
+        with gr.Column():
+            gr.Markdown("# Omdurman National Bank | بنك أم درمان الوطني")
+            gr.Markdown("### Virtual Banking Assistant | المساعد المصرفي الافتراضي")
+    
+    with gr.Row():
+        with gr.Column(elem_classes="lang-selector"):
+            language_btn = gr.Radio(
+                ["العربية", "English"], 
+                value="العربية", 
+                label="Language | اللغة"
+            )
+    
+    with gr.Row(elem_classes="chat-container"):
+        chat_box = gr.HTML(elem_id="chatbox", value="<div style='height: 400px; overflow-y: auto;'></div>")
+    
+    # Quick action buttons (will be populated based on language)
+    with gr.Row(elem_classes="quick-actions", visible=True) as quick_actions_container:
+        quick_action_buttons = []
+        for i in range(9):  # Create 9 buttons (one for each intent)
+            button = gr.Button("", visible=False, elem_classes="quick-action-button")
+            quick_action_buttons.append(button)
+    
+    with gr.Row():
+        with gr.Column(scale=8):
+            text_input = gr.Textbox(
+                placeholder="Type your question here | اكتب سؤالك هنا", 
+                label="", 
+                elem_id="chat-input"
+            )
+        with gr.Column(scale=1):
+            submit_btn = gr.Button("Send | إرسال", variant="primary")
+    
+    with gr.Row():
+        with gr.Column(scale=1):
+            menu_btn = gr.Button("Show Menu | إظهار القائمة", elem_classes="menu-button")
+        with gr.Column(scale=1):
+            live_agent_btn = gr.Button("Connect to Live Agent | الاتصال بوكيل حي", elem_classes="live-agent-button")
+        with gr.Column(scale=1):
+            survey_btn = gr.Button("Feedback | تقييم الخدمة", elem_classes="menu-button")
+    
+    with gr.Row(elem_classes="footer-section"):
+        gr.Markdown("© 2025 Omdurman National Bank. All Rights Reserved. | جميع الحقوق محفوظة لبنك أم درمان الوطني ٢٠٢٥ ©")
+    
+    # Update language state and quick action buttons when language is changed
+    def update_language_and_buttons(lang):
+        language_code = "ar" if lang == "العربية" else "en"
+        
+        # Get the appropriate quick actions based on language
+        quick_actions = QUICK_ACTIONS_AR if language_code == "ar" else QUICK_ACTIONS_EN
+        
+        # Update button visibility and text
+        button_updates = []
+        for i, button in enumerate(quick_action_buttons):
+            if i < len(quick_actions):
+                button_updates.append(gr.Button.update(visible=True, value=quick_actions[i]["text"]))
+            else:
+                button_updates.append(gr.Button.update(visible=False))
+        
+        return [language_code] + button_updates
+    
+    # Connect language button to update function
+    outputs = [selected_lang] + quick_action_buttons
+    language_btn.change(
+        fn=update_language_and_buttons,
+        inputs=language_btn,
+        outputs=outputs
+    )
+    
+    # Function to add message to chat
+    def add_message_to_chat(message, is_user, lang):
+        # Create a JavaScript function to add the message to the chat
+        alignment = "right" if (is_user or (not is_user and lang == "ar")) else "left"
+        background = "#e6f7ff" if is_user else "#f0f0f0"
+        
+        js_code = f"""
+        (function() {{
+            const chatbox = document.getElementById('chatbox').querySelector('div');
+            const messageDiv = document.createElement('div');
+            messageDiv.style.padding = '1rem';
+            messageDiv.style.borderRadius = '10px';
+            messageDiv.style.marginBottom = '1rem';
+            messageDiv.style.maxWidth = '80%';
+            messageDiv.style.backgroundColor = '{background}';
+            messageDiv.style.marginLeft = '{alignment === "right" ? "auto" : "0"}';
+            messageDiv.style.marginRight = '{alignment === "left" ? "auto" : "0"}';
+            messageDiv.style.textAlign = '{alignment}';
+            messageDiv.innerHTML = `{message}`;
+            chatbox.appendChild(messageDiv);
+            chatbox.scrollTop = chatbox.scrollHeight;
+        }})();
+        """
+        
+        return js_code
+    
+    # Handle message submission with typing effect
+    def on_submit(message, chat_history, lang, name):
+        if not message.strip():
+            return "", chat_history, "", name
+        
+        # Check if this is a name introduction
+        name_patterns = [
+            r"my name is (\w+)",
+            r"i am (\w+)",
+            r"i'm (\w+)",
+            r"اسمي (\w+)",
+            r"أنا (\w+)"
+        ]
+        
+        for pattern in name_patterns:
+            match = re.search(pattern, message.lower())
+            if match:
+                name = match.group(1)
+                break
+        
+        # Add user message to chat
+        user_js = add_message_to_chat(message, True, lang)
+        
+        # Show typing indicator
+        typing_js = "showTypingIndicator();"
+        
+        # Get response
+        responses = respond(message)
+        
+        # Select response based on language
+        response = responses[lang]
+        
+        # Personalize response if name is available
+        if name and CUSTOMER_SERVICE_ENHANCEMENTS_AVAILABLE:
+            if lang == "ar":
+                response = response.replace("مرحبًا", f"مرحبًا {name}")
+            else:
+                response = response.replace("Welcome", f"Welcome {name}")
+                response = response.replace("Hello", f"Hello {name}")
+        
+        # Hide typing indicator and add bot response
+        bot_js = f"""
+        setTimeout(function() {{
+            hideTypingIndicator();
+            {add_message_to_chat(response, False, lang)}
+        }}, 1000);
+        """
+        
+        # Combine all JavaScript
+        combined_js = user_js + typing_js + bot_js
+        
+        return "", chat_history, combined_js, name
+    
+    # Handle menu button click
+    def show_menu(chat_history, lang):
+        menu_responses = {
+            "ar": MENU_AR,
+            "en": MENU_EN
+        }
+        
+        # Get menu text
+        menu_text = menu_responses[lang]
+        
+        # Add system message showing the menu
+        js_code = add_message_to_chat(menu_text.replace("\n", "<br>"), False, lang)
+        
+        return chat_history, js_code
+    
+    # Handle quick action button clicks
+    def handle_quick_action(button_index, chat_history, lang, name):
+        # Get the appropriate quick actions based on language
+        quick_actions = QUICK_ACTIONS_AR if lang == "ar" else QUICK_ACTIONS_EN
+        
+        if button_index < len(quick_actions):
+            # Get the intent for this button
+            intent = quick_actions[button_index]["intent"]
+            
+            # Get the response for this intent
+            if CUSTOMER_SERVICE_ENHANCEMENTS_AVAILABLE:
+                # Use enhanced response if available
+                response_ar = get_enhanced_response(intent, "ar", name)
+                response_en = get_enhanced_response(intent, "en", name)
+            else:
+                # Add a greeting phrase at the beginning
+                greeting_ar = get_random_phrase("greeting", "ar")
+                greeting_en = get_random_phrase("greeting", "en")
+                
+                # Add the main response
+                main_response_ar = ONB_GUIDELINES_AR.get(intent, "")
+                main_response_en = ONB_GUIDELINES_EN.get(intent, "")
+                
+                # Add a follow-up phrase at the end
+                follow_up_ar = get_random_phrase("follow_up", "ar")
+                follow_up_en = get_random_phrase("follow_up", "en")
+                
+                # Combine all parts
+                response_ar = f"{greeting_ar}<br><br>{main_response_ar}<br><br>{follow_up_ar}"
+                response_en = f"{greeting_en}<br><br>{main_response_en}<br><br>{follow_up_en}"
+            
+            responses = {
+                "ar": response_ar,
+                "en": response_en
+            }
+            
+            # Select response based on language
+            response = responses[lang]
+            
+            # Personalize response if name is available
+            if name:
+                if lang == "ar":
+                    response = response.replace("مرحبًا", f"مرحبًا {name}")
+                else:
+                    response = response.replace("Welcome", f"Welcome {name}")
+                    response = response.replace("Hello", f"Hello {name}")
+            
+            # Add button text as user message
+            button_text = quick_actions[button_index]["text"]
+            user_js = add_message_to_chat(button_text, True, lang)
+            
+            # Show typing indicator
+            typing_js = "showTypingIndicator();"
+            
+            # Hide typing indicator and add bot response
+            bot_js = f"""
+            setTimeout(function() {{
+                hideTypingIndicator();
+                {add_message_to_chat(response, False, lang)}
+            }}, 1000);
+            """
+            
+            # Combine all JavaScript
+            combined_js = user_js + typing_js + bot_js
+            
+            # Log the interaction
+            log_interaction(button_text, response, intent, lang)
+            
+            return chat_history, combined_js
+        
+        return chat_history, ""
+    
+    # Handle live agent button click
+    def connect_to_live_agent():
+        return "connectLiveAgent();"
+    
+    # Handle satisfaction survey button click
+    def show_satisfaction_survey(lang):
+        if CUSTOMER_SERVICE_ENHANCEMENTS_AVAILABLE:
+            survey_html = offer_satisfaction_survey(lang)
+            return f"showSatisfactionSurvey(`{survey_html}`);"
+        else:
+            # Simple survey HTML if enhancements not available
+            title = "استطلاع رضا العملاء" if lang == "ar" else "Customer Satisfaction Survey"
+            intro = "نقدر ملاحظاتك!" if lang == "ar" else "We value your feedback!"
+            submit = "إرسال" if lang == "ar" else "Submit"
+            
+            survey_html = f"""
+            <div class="satisfaction-survey" dir="{('rtl' if lang == 'ar' else 'ltr')}">
+                <h3>{title}</h3>
+                <p>{intro}</p>
+                <button onclick="submitSurvey()" class="survey-submit">{submit}</button>
+            </div>
+            """
+            
+            return f"showSatisfactionSurvey(`{survey_html}`);"
+    
+    # Link inputs and button to response function
+    submit_btn.click(
+        fn=on_submit,
+        inputs=[text_input, state, selected_lang, user_name],
+        outputs=[text_input, state, chat_box, user_name]
+    )
+    
+    # Link menu button to show menu function
+    menu_btn.click(
+        fn=show_menu,
+        inputs=[state, selected_lang],
+        outputs=[state, chat_box]
+    )
+    
+    # Link live agent button to connect function
+    live_agent_btn.click(
+        fn=connect_to_live_agent,
+        inputs=[],
+        outputs=[chat_box]
+    )
+    
+    # Link survey button to show survey function
+    survey_btn.click(
+        fn=show_satisfaction_survey,
+        inputs=[selected_lang],
+        outputs=[chat_box]
+    )
+    
+    # Link quick action buttons to handler function
+    for i, button in enumerate(quick_action_buttons):
+        button.click(
+            fn=lambda idx=i, s=state, l=selected_lang, n=user_name: handle_quick_action(idx, s, l, n),
+            inputs=[state, selected_lang, user_name],
+            outputs=[state, chat_box]
+        )
+    
+    # Also trigger on Enter key
+    text_input.submit(
+        fn=on_submit,
+        inputs=[text_input, state, selected_lang, user_name],
+        outputs=[text_input, state, chat_box, user_name]
+    )
+    
+    # Initialize the chat with a welcome message
+    def init_chat(lang):
+        # Get welcome message based on language
+        welcome_ar = """
+        <div style='text-align: center; margin-bottom: 20px;'>
+            <img src='https://via.placeholder.com/150?text=ONB+Logo' alt='ONB Logo' style='max-width: 150px;'>
+            <h3>مرحبًا بك في المساعد المصرفي الافتراضي لبنك أم درمان الوطني!</h3>
+            <p>يمكنك طرح أي سؤال حول خدماتنا المصرفية أو استخدام أزرار الإجراءات السريعة أدناه.</p>
+        </div>
+        """
+        
+        welcome_en = """
+        <div style='text-align: center; margin-bottom: 20px;'>
+            <img src='https://via.placeholder.com/150?text=ONB+Logo' alt='ONB Logo' style='max-width: 150px;'>
+            <h3>Welcome to Omdurman National Bank Virtual Banking Assistant!</h3>
+            <p>You can ask any question about our banking services or use the quick action buttons below.</p>
+        </div>
+        """
+        
+        welcome_message = welcome_ar if lang == "ar" else welcome_en
+        
+        # Add welcome message to chat
+        js_code = f"""
+        (function() {{
+            const chatbox = document.getElementById('chatbox').querySelector('div');
+            chatbox.innerHTML = `{welcome_message}`;
+        }})();
+        """
+        
+        # Update quick action buttons
+        quick_actions = QUICK_ACTIONS_AR if lang == "ar" else QUICK_ACTIONS_EN
+        button_updates = []
+        for i, button in enumerate(quick_action_buttons):
+            if i < len(quick_actions):
+                button_updates.append(gr.Button.update(visible=True, value=quick_actions[i]["text"]))
+            else:
+                button_updates.append(gr.Button.update(visible=False))
+        
+        return [js_code] + button_updates
+    
+    # Initialize the chat when the app starts
+    demo.load(
+        fn=lambda: init_chat("ar"),
+        inputs=[],
+        outputs=[chat_box] + quick_action_buttons
+    )
+
+if __name__ == "__main__":
+    demo.launch(
+        server_name="0.0.0.0",
+        server_port=7860,
+        share=True  # Enable public link
+    )

improved_chatbot.py

@@ -0,0 +1,460 @@
+import gradio as gr
+import re
+import json
+import time
+from datetime import datetime
+
+# Simple language detection function instead of using transformers
+def simple_detect_language(text):
+    # Check for Arabic characters
+    arabic_pattern = re.compile(r'[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF]+')
+    if arabic_pattern.search(text):
+        return "ar"
+    return "en"
+
+# Omdurman National Bank-specific guidelines in Arabic
+ONB_GUIDELINES_AR = {
+    "balance": "يمكنك التحقق من رصيدك عبر الإنترنت أو عبر تطبيق الهاتف الخاص ببنك أم درمان الوطني. <a href='#' onclick='window.open(\"https://onb.sd/balance\", \"_blank\")'>افحص رصيدك الآن</a>",
+    "lost_card": "في حالة فقدان البطاقة، اتصل بالرقم <a href='tel:249123456789'>249-123-456-789</a> فورًا أو <a href='#' onclick='window.open(\"https://onb.sd/block-card\", \"_blank\")'>أوقف البطاقة عبر الإنترنت</a>.",
+    "loan": "شروط القرض تشمل الحد الأدنى للدخل (5000 جنيه سوداني) وتاريخ ائتماني جيد. <a href='#' onclick='window.open(\"https://onb.sd/loans\", \"_blank\")'>تقدم بطلب قرض الآن</a>",
+    "transfer": "لتحويل الأموال، استخدم <a href='#' onclick='window.open(\"https://onb.sd/mobile-app\", \"_blank\")'>تطبيق الهاتف</a> أو <a href='#' onclick='window.open(\"https://onb.sd/online-banking\", \"_blank\")'>الخدمة المصرفية عبر الإنترنت</a>.",
+    "new_account": "لفتح حساب جديد، قم بزيارة أقرب فرع مع جواز سفرك أو هويتك الوطنية. <a href='#' onclick='window.open(\"https://onb.sd/new-account\", \"_blank\")'>احجز موعدًا الآن</a>",
+    "interest_rates": "أسعار الفائدة على الودائع تتراوح بين 5% إلى 10% سنويًا. <a href='#' onclick='window.open(\"https://onb.sd/rates\", \"_blank\")'>اطلع على جميع الأسعار</a>",
+    "branches": "فروعنا موجودة في أم درمان، الخرطوم، وبورتسودان. <a href='#' onclick='window.open(\"https://onb.sd/branches\", \"_blank\")'>اعثر على أقرب فرع</a>",
+    "working_hours": "ساعات العمل من 8 صباحًا إلى 3 مساءً من الأحد إلى الخميس. <a href='#' onclick='window.open(\"https://onb.sd/hours\", \"_blank\")'>تحقق من ساعات العمل الخاصة</a>",
+    "contact": "الاتصال بنا على الرقم <a href='tel:249123456789'>249-123-456-789</a> أو عبر البريد الإلكتروني <a href='mailto:[email protected]'>[email protected]</a>. <a href='#' onclick='window.open(\"https://onb.sd/contact\", \"_blank\")'>نموذج الاتصال</a>"
+}
+
+# Omdurman National Bank-specific guidelines in English
+ONB_GUIDELINES_EN = {
+    "balance": "You can check your balance online or via the ONB mobile app. <a href='#' onclick='window.open(\"https://onb.sd/balance\", \"_blank\")'>Check your balance now</a>",
+    "lost_card": "In case of a lost card, call <a href='tel:249123456789'>249-123-456-789</a> immediately or <a href='#' onclick='window.open(\"https://onb.sd/block-card\", \"_blank\")'>block your card online</a>.",
+    "loan": "Loan requirements include minimum income (5000 SDG) and good credit history. <a href='#' onclick='window.open(\"https://onb.sd/loans\", \"_blank\")'>Apply for a loan now</a>",
+    "transfer": "To transfer funds, use the <a href='#' onclick='window.open(\"https://onb.sd/mobile-app\", \"_blank\")'>mobile app</a> or <a href='#' onclick='window.open(\"https://onb.sd/online-banking\", \"_blank\")'>online banking service</a>.",
+    "new_account": "To open a new account, visit your nearest branch with your passport or national ID. <a href='#' onclick='window.open(\"https://onb.sd/new-account\", \"_blank\")'>Book an appointment now</a>",
+    "interest_rates": "Interest rates on deposits range from 5% to 10% annually. <a href='#' onclick='window.open(\"https://onb.sd/rates\", \"_blank\")'>View all rates</a>",
+    "branches": "Our branches are located in Omdurman, Khartoum, and Port Sudan. <a href='#' onclick='window.open(\"https://onb.sd/branches\", \"_blank\")'>Find your nearest branch</a>",
+    "working_hours": "Working hours are from 8 AM to 3 PM, Sunday to Thursday. <a href='#' onclick='window.open(\"https://onb.sd/hours\", \"_blank\")'>Check special hours</a>",
+    "contact": "Contact us at <a href='tel:249123456789'>249-123-456-789</a> or via email at <a href='mailto:[email protected]'>[email protected]</a>. <a href='#' onclick='window.open(\"https://onb.sd/contact\", \"_blank\")'>Contact form</a>"
+}
+
+# Quick action buttons in Arabic
+QUICK_ACTIONS_AR = [
+    {"text": "تحقق من الرصيد", "intent": "balance"},
+    {"text": "الإبلاغ عن بطاقة مفقودة", "intent": "lost_card"},
+    {"text": "معلومات القرض", "intent": "loan"},
+    {"text": "تحويل الأموال", "intent": "transfer"},
+    {"text": "فتح حساب جديد", "intent": "new_account"},
+    {"text": "أسعار الفائدة", "intent": "interest_rates"},
+    {"text": "مواقع الفروع", "intent": "branches"},
+    {"text": "ساعات العمل", "intent": "working_hours"},
+    {"text": "اتصل بنا", "intent": "contact"}
+]
+
+# Quick action buttons in English
+QUICK_ACTIONS_EN = [
+    {"text": "Check Balance", "intent": "balance"},
+    {"text": "Report Lost Card", "intent": "lost_card"},
+    {"text": "Loan Information", "intent": "loan"},
+    {"text": "Transfer Funds", "intent": "transfer"},
+    {"text": "Open New Account", "intent": "new_account"},
+    {"text": "Interest Rates", "intent": "interest_rates"},
+    {"text": "Branch Locations", "intent": "branches"},
+    {"text": "Working Hours", "intent": "working_hours"},
+    {"text": "Contact Us", "intent": "contact"}
+]
+
+# Menu options in both languages
+MENU_AR = """
+قائمة الخدمات المصرفية:
+1. رصيد - استعلام عن رصيد حسابك
+2. بطاقة - الإبلاغ عن بطاقة مفقودة
+3. قرض - معلومات عن القروض
+4. تحويل - تحويل الأموال
+5. حساب - فتح حساب جديد
+6. فائدة - أسعار الفائدة
+7. فرع - مواقع الفروع
+8. ساعات - ساعات العمل
+9. اتصال - معلومات الاتصال
+"""
+
+MENU_EN = """
+Banking Services Menu:
+1. balance - Check your account balance
+2. card - Report a lost card
+3. loan - Information about loans
+4. transfer - Transfer funds
+5. account - Open a new account
+6. interest - Interest rates
+7. branch - Branch locations
+8. hours - Working hours
+9. contact - Contact information
+"""
+
+# Map intents to keywords (enhanced)
+INTENT_KEYWORDS = {
+    "balance": ["balance", "check balance", "account balance", "how much", "رصيد", "حساب", "كم المبلغ", "1"],
+    "lost_card": ["lost", "card", "stolen", "missing", "فقدت", "بطاقة", "مسروقة", "ضائعة", "2"],
+    "loan": ["loan", "borrow", "borrowing", "credit", "قرض", "استدانة", "إئتمان", "3"],
+    "transfer": ["transfer", "send money", "payment", "تحويل", "ارسال", "دفع", "4"],
+    "new_account": ["account", "open", "create", "new", "حساب", "فتح", "جديد", "إنشاء", "5"],
+    "interest_rates": ["interest", "rate", "rates", "return", "فائدة", "نسبة", "عائد", "6"],
+    "branches": ["branch", "location", "where", "office", "فرع", "موقع", "أين", "مكتب", "7"],
+    "working_hours": ["hours", "time", "open", "close", "ساعات", "وقت", "مفتوح", "مغلق", "8"],
+    "contact": ["contact", "phone", "email", "call", "اتصال", "هاتف", "بريد", "اتصل", "9"]
+}
+
+# Customer service phrases for more human-like responses
+CUSTOMER_SERVICE_PHRASES_AR = {
+    "greeting": [
+        "مرحبًا! كيف يمكنني مساعدتك اليوم؟",
+        "أهلاً بك في بنك أم درمان الوطني! كيف يمكنني خدمتك؟",
+        "مرحبًا بك! أنا هنا للمساعدة في أي استفسارات مصرفية."
+    ],
+    "thanks": [
+        "شكرًا لتواصلك معنا!",
+        "نشكرك على استخدام خدماتنا المصرفية.",
+        "سعداء بخدمتك دائمًا!"
+    ],
+    "follow_up": [
+        "هل هناك شيء آخر يمكنني مساعدتك به؟",
+        "هل لديك أي أسئلة أخرى؟",
+        "هل تحتاج إلى مساعدة في أمر آخر؟"
+    ]
+}
+
+CUSTOMER_SERVICE_PHRASES_EN = {
+    "greeting": [
+        "Hello! How can I assist you today?",
+        "Welcome to Omdurman National Bank! How may I help you?",
+        "Hi there! I'm here to help with any banking inquiries."
+    ],
+    "thanks": [
+        "Thank you for contacting us!",
+        "We appreciate you using our banking services.",
+        "Always happy to serve you!"
+    ],
+    "follow_up": [
+        "Is there anything else I can help you with?",
+        "Do you have any other questions?",
+        "Do you need assistance with anything else?"
+    ]
+}
+
+# Function to get a random phrase from the customer service phrases
+def get_random_phrase(category, language):
+    import random
+    if language == "ar":
+        return random.choice(CUSTOMER_SERVICE_PHRASES_AR[category])
+    else:
+        return random.choice(CUSTOMER_SERVICE_PHRASES_EN[category])
+
+def classify_intent(message: str):
+    # Check for menu request
+    menu_keywords = ["menu", "options", "help", "قائمة", "خيارات", "مساعدة"]
+    message_lower = message.lower()
+    
+    for keyword in menu_keywords:
+        if keyword in message_lower:
+            return "menu"
+    
+    # Use keyword matching for intent classification
+    for intent_key, keywords in INTENT_KEYWORDS.items():
+        for keyword in keywords:
+            if keyword.lower() in message_lower:
+                return intent_key
+                
+    return "unknown"
+
+# Function to log customer interactions
+def log_interaction(user_message, bot_response, intent, language):
+    timestamp = datetime.now().strftime("%Y-%m-%d %H:%M:%S")
+    log_entry = {
+        "timestamp": timestamp,
+        "user_message": user_message,
+        "bot_response": bot_response,
+        "intent": intent,
+        "language": language
+    }
+    
+    try:
+        with open("/home/ubuntu/banking_chatbot/interaction_logs.jsonl", "a") as f:
+            f.write(json.dumps(log_entry) + "\n")
+    except Exception as e:
+        print(f"Error logging interaction: {e}")
+
+def respond(message: str):
+    if not message.strip():
+        return {
+            "ar": "الرجاء كتابة سؤالك.",
+            "en": "Please type your question."
+        }
+    
+    # Detect language using simple function
+    language = simple_detect_language(message)
+    
+    # Classify the user's intent using keyword matching
+    intent = classify_intent(message)
+    
+    # Prepare responses in both languages
+    responses = {
+        "ar": "",
+        "en": ""
+    }
+    
+    # Special handling for menu request
+    if intent == "menu":
+        responses["ar"] = MENU_AR
+        responses["en"] = MENU_EN
+        log_interaction(message, responses[language], "menu", language)
+        return responses
+    
+    # If intent is recognized, return the corresponding response
+    if intent != "unknown":
+        # Add a greeting phrase at the beginning
+        greeting_ar = get_random_phrase("greeting", "ar")
+        greeting_en = get_random_phrase("greeting", "en")
+        
+        # Add the main response
+        main_response_ar = ONB_GUIDELINES_AR.get(intent, "عذرًا، لم يتم التعرف على الخيار المحدد.")
+        main_response_en = ONB_GUIDELINES_EN.get(intent, "Sorry, the selected option was not recognized.")
+        
+        # Add a follow-up phrase at the end
+        follow_up_ar = get_random_phrase("follow_up", "ar")
+        follow_up_en = get_random_phrase("follow_up", "en")
+        
+        # Combine all parts
+        responses["ar"] = f"{greeting_ar}<br><br>{main_response_ar}<br><br>{follow_up_ar}"
+        responses["en"] = f"{greeting_en}<br><br>{main_response_en}<br><br>{follow_up_en}"
+    else:
+        # Default response if no intent is matched - show menu
+        responses["ar"] = "عذرًا، لم أفهم سؤالك. إليك قائمة بالخدمات المتاحة:" + MENU_AR
+        responses["en"] = "Sorry, I didn't understand your question. Here's a menu of available services:" + MENU_EN
+    
+    # Log the interaction
+    log_interaction(message, responses[language], intent, language)
+    
+    return responses
+
+# Custom CSS for better UI
+custom_css = """
+.gradio-container {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+.chat-message {
+    padding: 1rem;
+    border-radius: 10px;
+    margin-bottom: 1rem;
+    max-width: 80%;
+}
+
+.user-message {
+    background-color: #e6f7ff;
+    margin-left: auto;
+    text-align: right;
+}
+
+.bot-message {
+    background-color: #f0f0f0;
+    margin-right: auto;
+    text-align: left;
+}
+
+.bot-message-ar {
+    background-color: #f0f0f0;
+    margin-left: auto;
+    text-align: right;
+}
+
+.header-section {
+    background-color: #1a5276;
+    color: white;
+    padding: 1rem;
+    border-radius: 10px;
+    margin-bottom: 1rem;
+    text-align: center;
+}
+
+.footer-section {
+    font-size: 0.8rem;
+    text-align: center;
+    margin-top: 2rem;
+    color: #666;
+}
+
+.lang-selector {
+    text-align: right;
+    margin-bottom: 1rem;
+}
+
+.menu-button {
+    margin-top: 0.5rem;
+}
+
+.quick-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    margin: 1rem 0;
+}
+
+.quick-action-button {
+    background-color: #1a5276;
+    color: white;
+    border: none;
+    border-radius: 20px;
+    padding: 0.5rem 1rem;
+    cursor: pointer;
+    font-size: 0.9rem;
+    transition: background-color 0.3s;
+}
+
+.quick-action-button:hover {
+    background-color: #2980b9;
+}
+
+.chat-container {
+    border: 1px solid #ddd;
+    border-radius: 10px;
+    padding: 1rem;
+    background-color: #f9f9f9;
+}
+
+.typing-indicator {
+    display: inline-block;
+    width: 50px;
+    text-align: left;
+}
+
+.typing-indicator span {
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    background-color: #1a5276;
+    border-radius: 50%;
+    margin-right: 5px;
+    animation: typing 1s infinite;
+}
+
+.typing-indicator span:nth-child(2) {
+    animation-delay: 0.2s;
+}
+
+.typing-indicator span:nth-child(3) {
+    animation-delay: 0.4s;
+}
+
+@keyframes typing {
+    0%, 100% {
+        transform: translateY(0);
+    }
+    50% {
+        transform: translateY(-5px);
+    }
+}
+
+.live-agent-button {
+    background-color: #27ae60;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    padding: 0.5rem 1rem;
+    cursor: pointer;
+    font-size: 0.9rem;
+    margin-top: 1rem;
+    transition: background-color 0.3s;
+}
+
+.live-agent-button:hover {
+    background-color: #2ecc71;
+}
+
+/* Add custom styling for links */
+a {
+    color: #2980b9;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+/* Add styling for action buttons */
+.action-button {
+    display: inline-block;
+    background-color: #3498db;
+    color: white;
+    padding: 0.5rem 1rem;
+    border-radius: 5px;
+    margin: 0.5rem 0;
+    text-decoration: none;
+}
+
+.action-button:hover {
+    background-color: #2980b9;
+    text-decoration: none;
+}
+"""
+
+# Custom JavaScript for enhanced functionality
+custom_js = """
+function simulateTyping(message, elementId, delay = 30) {
+    const element = document.getElementById(elementId);
+    if (!element) return;
+    
+    element.innerHTML = "";
+    let i = 0;
+    
+    function type() {
+        if (i < message.length) {
+            element.innerHTML += message.charAt(i);
+            i++;
+            setTimeout(type, delay);
+        }
+    }
+    
+    type();
+}
+
+// Function to show typing indicator
+function showTypingIndicator() {
+    const chatbox = document.getElementById('chatbox');
+    if (!chatbox) return;
+    
+    const typingIndicator = document.createElement('div');
+    typingIndicator.className = 'typing-indicator';
+    typingIndicator.id = 'typing-indicator';
+    typingIndicator.innerHTML = '<span></span><span></span><span></span>';
+    
+    chatbox.appendChild(typingIndicator);
+    chatbox.scrollTop = chatbox.scrollHeight;
+}
+
+// Function to hide typing indicator
+function hideTypingIndicator() {
+    const typingIndicator = document.getElementById('typing-indicator');
+    if (typingIndicator) {
+        typingIndicator.remove();
+    }
+}
+
+// Function to connect with a live agent
+function connectLiveAgent() {
+    alert('Connecting to a live customer service agent. Please wait a moment...');
+    // In a real implementation, this would initiate a connection to a live agent system
+}
+"""
+
+# Chat interface with enhanced UI
+with gr.Blocks(css=custom_css, js=custom_js) as demo:
+    # Store conversation history
+    state = gr.State(value=[])
+    # Store selected language
+    selected_lang = gr.State(value="ar")
+    
+    with gr.Row(elem_classes="header-section"):
+        with gr.Column():
+            gr.Markdown("# Omdurman National Bank | بنك أم درمان الوطني")
+            gr.Markdown("### Virtual Banking Assistant | المساعد المصرفي ا<response clipped><NOTE>To save on context only part of this file has been shown to you. You should retry this tool after you have searched inside the file with `grep -n` in order to find the line numbers of what you are looking for.</NOTE>

original_chatbot.py

@@ -0,0 +1,305 @@
+import gradio as gr
+import re
+
+# Load language detection model only (smaller model)
+from transformers import pipeline
+language_detector = pipeline("text-classification", model="papluca/xlm-roberta-base-language-detection")
+
+# Omdurman National Bank-specific guidelines in Arabic
+ONB_GUIDELINES_AR = {
+    "balance": "يمكنك التحقق من رصيدك عبر الإنترنت أو عبر تطبيق الهاتف الخاص ببنك الوطني.",
+    "lost_card": "في حالة فقدان البطاقة، اتصل بالرقم 249-123-456-789 فورًا.",
+    "loan": "شروط القرض تشمل الحد الأدنى للدخل (5000 جنيه سوداني) وتاريخ ائتماني جيد.",
+    "transfer": "لتحويل الأموال، استخدم تطبيق الهاتف أو الخدمة المصرفية عبر الإنترنت.",
+    "new_account": "لفتح حساب جديد، قم بزيارة أقرب فرع مع جواز سفرك أو هويتك الوطنية.",
+    "interest_rates": "أسعار الفائدة على الودائع تتراوح بين 5% إلى 10% سنويًا.",
+    "branches": "فروعنا موجودة في أم درمان، الخرطوم، وبورتسودان. زيارة موقعنا للتفاصيل.",
+    "working_hours": "ساعات العمل من 8 صباحًا إلى 3 مساءً من الأحد إلى الخميس.",
+    "contact": "الاتصال بنا على الرقم 249-123-456-789 أو عبر البريد الإلكتروني [email protected]."
+}
+
+# Omdurman National Bank-specific guidelines in English
+ONB_GUIDELINES_EN = {
+    "balance": "You can check your balance online or via the ONB mobile app.",
+    "lost_card": "In case of a lost card, call 249-123-456-789 immediately.",
+    "loan": "Loan requirements include minimum income (5000 SDG) and good credit history.",
+    "transfer": "To transfer funds, use the mobile app or online banking service.",
+    "new_account": "To open a new account, visit your nearest branch with your passport or national ID.",
+    "interest_rates": "Interest rates on deposits range from 5% to 10% annually.",
+    "branches": "Our branches are located in Omdurman, Khartoum, and Port Sudan. Visit our website for details.",
+    "working_hours": "Working hours are from 8 AM to 3 PM, Sunday to Thursday.",
+    "contact": "Contact us at 249-123-456-789 or via email at [email protected]."
+}
+
+# Menu options in both languages
+MENU_AR = """
+قائمة الخدمات المصرفية:
+1. رصيد - استعلام عن رصيد حسابك
+2. بطاقة - الإبلاغ عن بطاقة مفقودة
+3. قرض - معلومات عن القروض
+4. تحويل - تحويل الأموال
+5. حساب - فتح حساب جديد
+6. فائدة - أسعار الفائدة
+7. فرع - مواقع الفروع
+8. ساعات - ساعات العمل
+9. اتصال - معلومات الاتصال
+"""
+
+MENU_EN = """
+Banking Services Menu:
+1. balance - Check your account balance
+2. card - Report a lost card
+3. loan - Information about loans
+4. transfer - Transfer funds
+5. account - Open a new account
+6. interest - Interest rates
+7. branch - Branch locations
+8. hours - Working hours
+9. contact - Contact information
+"""
+
+# Map intents to keywords (enhanced)
+INTENT_KEYWORDS = {
+    "balance": ["balance", "check balance", "account balance", "how much", "رصيد", "حساب", "كم المبلغ", "1"],
+    "lost_card": ["lost", "card", "stolen", "missing", "فقدت", "بطاقة", "مسروقة", "ضائعة", "2"],
+    "loan": ["loan", "borrow", "borrowing", "credit", "قرض", "استدانة", "إئتمان", "3"],
+    "transfer": ["transfer", "send money", "payment", "تحويل", "ارسال", "دفع", "4"],
+    "new_account": ["account", "open", "create", "new", "حساب", "فتح", "جديد", "إنشاء", "5"],
+    "interest_rates": ["interest", "rate", "rates", "return", "فائدة", "نسبة", "عائد", "6"],
+    "branches": ["branch", "location", "where", "office", "فرع", "موقع", "أين", "مكتب", "7"],
+    "working_hours": ["hours", "time", "open", "close", "ساعات", "وقت", "مفتوح", "مغلق", "8"],
+    "contact": ["contact", "phone", "email", "call", "اتصال", "هاتف", "بريد", "اتصل", "9"]
+}
+
+def detect_language(text):
+    # Use Hugging Face language detection model
+    result = language_detector(text)
+    language = result[0]['label']
+    return language
+
+def classify_intent(message: str):
+    # Check for menu request
+    menu_keywords = ["menu", "options", "help", "قائمة", "خيارات", "مساعدة"]
+    message_lower = message.lower()
+    
+    for keyword in menu_keywords:
+        if keyword in message_lower:
+            return "menu"
+    
+    # Use keyword matching for intent classification
+    for intent_key, keywords in INTENT_KEYWORDS.items():
+        for keyword in keywords:
+            if keyword.lower() in message_lower:
+                return intent_key
+                
+    return "unknown"
+
+def respond(message: str):
+    if not message.strip():
+        return {
+            "ar": "الرجاء كتابة سؤالك.",
+            "en": "Please type your question."
+        }
+    
+    # Detect language
+    language = detect_language(message)
+    
+    # If the language is neither Arabic nor English, default to English
+    if language != "ar" and language != "en":
+        language = "en"
+    
+    # Classify the user's intent using keyword matching
+    intent = classify_intent(message)
+    
+    # Prepare responses in both languages
+    responses = {
+        "ar": "",
+        "en": ""
+    }
+    
+    # Special handling for menu request
+    if intent == "menu":
+        responses["ar"] = MENU_AR
+        responses["en"] = MENU_EN
+        return responses
+    
+    # If intent is recognized, return the corresponding response
+    if intent != "unknown":
+        responses["ar"] = ONB_GUIDELINES_AR.get(intent, "عذرًا، لم يتم التعرف على الخيار المحدد.")
+        responses["en"] = ONB_GUIDELINES_EN.get(intent, "Sorry, the selected option was not recognized.")
+    else:
+        # Default response if no intent is matched - show menu
+        responses["ar"] = "عذرًا، لم أفهم سؤالك. إليك قائمة بالخدمات المتاحة:" + MENU_AR
+        responses["en"] = "Sorry, I didn't understand your question. Here's a menu of available services:" + MENU_EN
+    
+    return responses
+
+# Custom CSS for better UI
+custom_css = """
+.gradio-container {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+.chat-message {
+    padding: 1rem;
+    border-radius: 10px;
+    margin-bottom: 1rem;
+    max-width: 80%;
+}
+
+.user-message {
+    background-color: #e6f7ff;
+    margin-left: auto;
+    text-align: right;
+}
+
+.bot-message {
+    background-color: #f0f0f0;
+    margin-right: auto;
+    text-align: left;
+}
+
+.bot-message-ar {
+    background-color: #f0f0f0;
+    margin-left: auto;
+    text-align: right;
+}
+
+.header-section {
+    background-color: #1a5276;
+    color: white;
+    padding: 1rem;
+    border-radius: 10px;
+    margin-bottom: 1rem;
+    text-align: center;
+}
+
+.footer-section {
+    font-size: 0.8rem;
+    text-align: center;
+    margin-top: 2rem;
+    color: #666;
+}
+
+.lang-selector {
+    text-align: right;
+    margin-bottom: 1rem;
+}
+
+.menu-button {
+    margin-top: 0.5rem;
+}
+"""
+
+# Chat interface with enhanced UI
+with gr.Blocks(css=custom_css) as demo:
+    # Store conversation history
+    state = gr.State(value=[])
+    # Store selected language
+    selected_lang = gr.State(value="ar")
+    
+    with gr.Row(elem_classes="header-section"):
+        with gr.Column():
+            gr.Markdown("# Omdurman National Bank | بنك أم درمان الوطني")
+            gr.Markdown("### Virtual Banking Assistant | المساعد المصرفي الافتراضي")
+    
+    with gr.Row():
+        with gr.Column(elem_classes="lang-selector"):
+            language_btn = gr.Radio(
+                ["العربية", "English"], 
+                value="العربية", 
+                label="Language | اللغة"
+            )
+    
+    with gr.Row():
+        chat_box = gr.Chatbot(elem_id="chatbox", height=400)
+    
+    with gr.Row():
+        with gr.Column(scale=8):
+            text_input = gr.Textbox(
+                placeholder="Type your question here | اكتب سؤالك هنا", 
+                label="", 
+                elem_id="chat-input"
+            )
+        with gr.Column(scale=1):
+            submit_btn = gr.Button("Send | إرسال", variant="primary")
+    
+    with gr.Row():
+        with gr.Column(elem_classes="menu-button"):
+            menu_btn = gr.Button("Show Menu | إظهار القائمة")
+    
+    with gr.Row(elem_classes="footer-section"):
+        gr.Markdown("© 2025 Omdurman National Bank. All Rights Reserved. | جميع الحقوق محفوظة لبنك أم درمان الوطني ٢٠٢٥ ©")
+    
+    # Update language state when language is changed
+    def update_language(lang):
+        if lang == "العربية":
+            return "ar"
+        else:
+            return "en"
+    
+    language_btn.change(
+        fn=update_language,
+        inputs=language_btn,
+        outputs=selected_lang
+    )
+    
+    # Handle message submission
+    def on_submit(message, chat_history, lang):
+        if not message.strip():
+            return "", chat_history
+        
+        # Add user message to chat history
+        chat_history.append([message, None])
+        
+        # Get response
+        responses = respond(message)
+        
+        # Select response based on language
+        response = responses[lang]
+        
+        # Update bot response in chat history
+        chat_history[-1][1] = response
+        
+        return "", chat_history
+    
+    # Handle menu button click
+    def show_menu(chat_history, lang):
+        menu_responses = {
+            "ar": MENU_AR,
+            "en": MENU_EN
+        }
+        
+        # Add system message showing the menu
+        menu_text = menu_responses[lang]
+        chat_history.append([None, menu_text])
+        
+        return chat_history
+    
+    # Link inputs and button to response function
+    submit_btn.click(
+        fn=on_submit,
+        inputs=[text_input, chat_box, selected_lang],
+        outputs=[text_input, chat_box]
+    )
+    
+    # Link menu button to show menu function
+    menu_btn.click(
+        fn=show_menu,
+        inputs=[chat_box, selected_lang],
+        outputs=[chat_box]
+    )
+    
+    # Also trigger on Enter key
+    text_input.submit(
+        fn=on_submit,
+        inputs=[text_input, chat_box, selected_lang],
+        outputs=[text_input, chat_box]
+    )
+
+if __name__ == "__main__":
+    demo.launch(
+        server_name="0.0.0.0",
+        server_port=7860,
+        share=True  # Enable public link
+    )

requirements.txt

@@ -1,8 +1 @@
-huggingface_hub==0.25.2
-gradio>=4.0
-     transformers
-     torch
-      sentencepiece
-      protobuf
-      accelerate
-      optimum
+gradio>=3.50.2