Changeset 3307540

ai-app-onsite/trunk/ai-app-onsite.php

-                      r3281194
+                      r3307540
  * Plugin Name: AI App Onsite
  * Description: AIappOnsite - AI Web App Creator WP Plugin allows users to create their own AI-powered web app and launch it on their own site with no additional development needed. AI App Onsite web app creator is an AI web app builder for WordPress.
  * Version: 1.2.2
+ * Version: 1.2.3
  * Author: By AIappOnsite
  * Author URI: https://aiapponsite.com/
 …
  */
 // Enqueue WordPress's jQuery
 function ai_app_onsite_enqueue_scripts()
 …
 add_action('wp_enqueue_scripts', 'ai_app_onsite_enqueue_scripts');
+if (version_compare(PHP_VERSION, '7.0', '<')) {
+    add_action('admin_notices', function () {
+        echo '<div class="notice notice-error"><p><strong>AI App Onsite Plugin:</strong> This plugin requires PHP 7.0 or higher. Your server is running PHP ' . PHP_VERSION . '.</p></div>';
+    });
+    return;
+}
+add_filter('cron_schedules', function ($schedules) {
+    $schedules['validatelicense'] = [
+        'interval' => 86400,
+        'display' => __('Once Everyday'),
+    ];
+    $schedules['checkpluginversion'] = [
+        'interval' => 43200, // 12 hours in seconds
+        'display' => __('Twice Daily'),
+    ];
+    return $schedules;
+});
 …
+}
+// Define plugin constants
+define('AI_APP_ONSITE_VERSION', '1.2.2');
+define('AI_APP_ONSITE_VERSION', '1.4.3');
 define('AI_APP_ONSITE_PLUGIN_DIR', plugin_dir_path(__FILE__));
 define('AI_APP_ONSITE_PLUGIN_URL', plugin_dir_url(__FILE__));
+if ( ! function_exists( 'ai_app_onsite_get_version_meta' ) ) {
+    function ai_app_onsite_get_version_meta() {
+        $response = wp_remote_get( 'https://aiapponsite.com/prod/ai-app-onsite-version.php?nocache=' . time());
+        if ( is_wp_error( $response ) ) {
+            error_log( 'Version fetch failed: ' . $response->get_error_message() );
+            return [
+                'error'   => 'Request failed',
+                'message' => $response->get_error_message(),
+            ];
+        }
+        $body = wp_remote_retrieve_body( $response );
+        $data = json_decode( $body, true );
+        if ( ! is_array( $data ) ) {
+            error_log( 'Invalid JSON returned from version.php: ' . $body );
+            return [
+                'error'   => 'Invalid response',
+                'message' => $body,
+            ];
+        }
+        return $data;
+    }
+}
+function ai_app_onsite_is_premium_active() {
+    global $wpdb;
+    $table = $wpdb->prefix . 'ai_app_onsite_license_settings';
+    // Check if 'key_disable_status' column exists
+    $column_exists = $wpdb->get_var(
+        $wpdb->prepare(
+            "SHOW COLUMNS FROM {$table} LIKE %s",
+            'key_disable_status'
+        )
+    );
+    $columns = 'key_status';
+    if ( ! empty( $column_exists ) ) {
+        $columns .= ', key_disable_status';
+    }
+    $row = $wpdb->get_row(
+        "SELECT {$columns} FROM {$table} LIMIT 1",
+        ARRAY_A
+    );
+    if ( empty( $row ) ) {
+        return false;
+    }
+    if (
+        isset( $row['key_disable_status'] ) && $row['key_disable_status'] === 'false' &&
+        isset( $row['key_status'] ) && $row['key_status'] === 'ACTIVE' &&
+        is_dir( AI_APP_ONSITE_PLUGIN_DIR . 'premium' )
+    ) {
+        return true;
+    }
+    return false;
+}
+function ai_app_onsite_is_premium_disabled() {
+    global $wpdb;
+    $table = $wpdb->prefix . 'ai_app_onsite_license_settings';
+    // Check if 'key_disable_status' column exists
+    $column_exists = $wpdb->get_var(
+        $wpdb->prepare(
+            "SHOW COLUMNS FROM {$table} LIKE %s",
+            'key_disable_status'
+        )
+    );
+    $columns = 'key_status';
+    if ( ! empty( $column_exists ) ) {
+        $columns .= ', key_disable_status, license_key';
+    }
+    $row = $wpdb->get_row(
+        "SELECT {$columns} FROM {$table} LIMIT 1",
+        ARRAY_A
+    );
+    if ( empty( $row ) ) {
+        return false;
+    }
+    if (
+        isset( $row['key_disable_status'] ) && $row['key_disable_status'] === 'true' &&
+        isset( $row['key_status'] ) && $row['key_status'] === 'ACTIVE' &&
+        ! empty( $row['license_key'] ) &&
+        is_dir( AI_APP_ONSITE_PLUGIN_DIR . 'premium' )
+    ) {
+        return true;
+    }
+    return false;
+}
+function ai_app_onsite_include_path(): string {
+    return plugin_dir_path(__FILE__) . (ai_app_onsite_is_premium_active() ? 'premium/includes/' : 'includes/');
+}
+function ai_app_onsite_handler_path(): string {
+    return plugin_dir_path(__FILE__) . (ai_app_onsite_is_premium_active() ? 'premium/handler/' : 'handler/');
+}
+function ai_app_onsite_assets_path(): string {
+    return plugin_dir_url(__FILE__) . (ai_app_onsite_is_premium_active() ? 'premium/assets/' : 'assets/');
+}
 // Include necessary files
 if (! function_exists('ai_app_onsite_init')) {
+    function ai_app_onsite_init()
+    {
+        require_once AI_APP_ONSITE_PLUGIN_DIR . 'includes/class-ai-app-onsite-admin.php';
+        require_once AI_APP_ONSITE_PLUGIN_DIR . 'includes/class-ai-app-onsite-plugin-settings.php';
+        require_once AI_APP_ONSITE_PLUGIN_DIR . 'includes/class-ai-app-onsite-app-properties.php';
+        require_once AI_APP_ONSITE_PLUGIN_DIR . 'includes/class-ai-app-onsite-model-settings.php';
+        require_once AI_APP_ONSITE_PLUGIN_DIR . 'includes/class-ai-app-onsite-field-selector.php';
+        require_once AI_APP_ONSITE_PLUGIN_DIR . 'includes/class-ai-app-onsite-prompt-editor.php';
+        require_once AI_APP_ONSITE_PLUGIN_DIR . 'includes/class-ai-app-onsite-app-preview.php';
+        require_once AI_APP_ONSITE_PLUGIN_DIR . 'includes/class-ai-app-onsite-email-settings.php';
+        require_once AI_APP_ONSITE_PLUGIN_DIR . 'handler/ai-app-onsite-plugin-settings.php';
+        require_once AI_APP_ONSITE_PLUGIN_DIR . 'handler/ai-app-onsite-app-properties.php';
+        require_once AI_APP_ONSITE_PLUGIN_DIR . 'handler/ai-app-onsite-model-settings.php';
+        require_once AI_APP_ONSITE_PLUGIN_DIR . 'handler/ai-app-onsite-field-selector.php';
+        require_once AI_APP_ONSITE_PLUGIN_DIR . 'handler/ai-app-onsite-prompt-editor.php';
+        require_once AI_APP_ONSITE_PLUGIN_DIR . 'handler/ai-app-onsite-app-preview.php';
+        require_once AI_APP_ONSITE_PLUGIN_DIR . 'handler/ai-app-onsite-openAi-api.php';
+        require_once AI_APP_ONSITE_PLUGIN_DIR . 'handler/ai-app-onsite-user-stats.php';
+        require_once AI_APP_ONSITE_PLUGIN_DIR . 'handler/ai-app-onsite-email-settings.php';
+    function ai_app_onsite_init(): void {
+        require_once ai_app_onsite_include_path() . 'class-ai-app-onsite-admin.php';
+        require_once ai_app_onsite_include_path() . 'class-ai-app-onsite-plugin-settings.php';
+        require_once ai_app_onsite_include_path() . 'class-ai-app-onsite-app-properties.php';
+        require_once ai_app_onsite_include_path() . 'class-ai-app-onsite-model-settings.php';
+        require_once ai_app_onsite_include_path() . 'class-ai-app-onsite-field-selector.php';
+        require_once ai_app_onsite_include_path() . 'class-ai-app-onsite-prompt-editor.php';
+        require_once ai_app_onsite_include_path() . 'class-ai-app-onsite-app-preview.php';
+        require_once ai_app_onsite_include_path() . 'class-ai-app-onsite-email-settings.php';
+        require_once ai_app_onsite_handler_path() . 'ai-app-onsite-plugin-settings.php';
+        require_once ai_app_onsite_handler_path() . 'ai-app-onsite-app-properties.php';
+        require_once ai_app_onsite_handler_path() . 'ai-app-onsite-model-settings.php';
+        require_once ai_app_onsite_handler_path() . 'ai-app-onsite-field-selector.php';
+        require_once ai_app_onsite_handler_path() . 'ai-app-onsite-prompt-editor.php';
+        require_once ai_app_onsite_handler_path() . 'ai-app-onsite-app-preview.php';
+        require_once ai_app_onsite_handler_path() . 'ai-app-onsite-app-license.php';
+        require_once ai_app_onsite_handler_path() . 'ai-app-onsite-openAi-api.php';
+        require_once ai_app_onsite_handler_path() . 'ai-app-onsite-user-stats.php';
+        require_once ai_app_onsite_handler_path() . 'ai-app-onsite-email-settings.php';
         //$ai_app_onsite = new AI_App_Onsite();
 …
 if (!function_exists('ai_app_onsite_enqueue_admin_script')) {
+    function ai_app_onsite_enqueue_admin_script($hook)
+    {
+    function ai_app_onsite_enqueue_admin_script($hook): void {
         // Only load on plugin settings page - adjust this to match your plugin's actual settings page slug
         if ($hook !== 'toplevel_page_ai-app-onsite-menu') {
 …
         // Enqueue CSS for admin
         wp_enqueue_style('ai-app-onsite-style', AI_APP_ONSITE_PLUGIN_URL . 'assets/css/ai-app-onsite-style.css', array(), time());
         wp_enqueue_style('ai-app-onsite-fafa-style', AI_APP_ONSITE_PLUGIN_URL . 'assets/css/fontawesome.min.css', array(), time());
+        wp_enqueue_style('ai-app-onsite-style', ai_app_onsite_assets_path() . 'css/ai-app-onsite-style.css', array(), time());
+        wp_enqueue_style('ai-app-onsite-fafa-style', ai_app_onsite_assets_path() . 'css/fontawesome.min.css', array(), time());
         // Check if Bootstrap is already loaded
 …
         // Enqueue Bootstrap if not already loaded
         if (!$is_bootstrap_loaded) {
             wp_register_script('bootstrape-poper-script', AI_APP_ONSITE_PLUGIN_URL . 'assets/js/popper.min.js', array('jquery'), time(), true);
+            wp_register_script('bootstrape-poper-script', ai_app_onsite_assets_path() . 'js/popper.min.js', array('jquery'), time(), true);
             wp_enqueue_script('bootstrape-poper-script');
             wp_register_script('bootstrape-script-script', AI_APP_ONSITE_PLUGIN_URL . 'assets/js/bootstrap.min.js', array('jquery'), time(), true);
+            wp_register_script('bootstrape-script-script', ai_app_onsite_assets_path() . 'js/bootstrap.min.js', array('jquery'), time(), true);
             wp_enqueue_script('bootstrape-script-script');
             wp_register_style('ai_app_onsite_style_bootstrap', AI_APP_ONSITE_PLUGIN_URL . 'assets/css/bootstrap.min.css', array(), time());
+            wp_register_style('ai_app_onsite_style_bootstrap',  ai_app_onsite_assets_path() . 'css/bootstrap.min.css', array(), time());
             wp_enqueue_style('ai_app_onsite_style_bootstrap');
+        }
 …
         foreach ($scripts as $handle => $filename) {
             wp_register_script($handle, AI_APP_ONSITE_PLUGIN_URL . 'assets/js/' . $filename, array('jquery'), time(), true);
+            wp_register_script($handle, ai_app_onsite_assets_path() . 'js/' . $filename, array('jquery'), time(), true);
             wp_enqueue_script($handle);
+        }
+         // Pass the fresh installation flag to JavaScript
+         $is_fresh_install = get_option('ai_app_onsite_fresh_install', false);
+        // Pass the fresh installation flag to JavaScript
+        $is_fresh_install = get_option('ai_app_onsite_fresh_install', false);
         // Localize the main admin script
         wp_localize_script(
 …
+    {
         // Enqueue your script with time() for cache-busting
         wp_enqueue_script('ai-app-onsite-openai-api-script', AI_APP_ONSITE_PLUGIN_URL . 'assets/js/ai-app-onsite-openai-api.js', array('jquery'), time(), true);
+        wp_enqueue_script('ai-app-onsite-openai-api-script', ai_app_onsite_assets_path() . 'js/ai-app-onsite-openai-api.js', array('jquery'), time(), true);
         // Localize the script with the AJAX URL
 …
         // Enqueue styles with time() for cache-busting
         // Register and enqueue stylesheets for the admin area
         wp_register_style('ai_app_onsite_form_style', AI_APP_ONSITE_PLUGIN_URL . 'assets/css/ai-app-onsite-form-style.css', array(), time());
+        wp_register_style('ai_app_onsite_form_style', ai_app_onsite_assets_path() . 'css/ai-app-onsite-form-style.css', array(), time());
         wp_enqueue_style('ai_app_onsite_form_style');
         wp_register_style('ai-app-onsite-fafa-style', AI_APP_ONSITE_PLUGIN_URL . 'assets/css/fontawesome.min.css', array(), time());
+        wp_register_style('ai-app-onsite-fafa-style', ai_app_onsite_assets_path() . 'css/fontawesome.min.css', array(), time());
         wp_enqueue_style('ai-app-onsite-fafa-style');
         // Check if Bootstrap is already loaded
 …
         // Enqueue Bootstrap if not already loaded
         if (!$is_bootstrap_loaded) {
             wp_register_style('ai_app_onsite_style_bootstrap', AI_APP_ONSITE_PLUGIN_URL . 'assets/css/bootstrap.min.css', array(), time());
+            wp_register_style('ai_app_onsite_style_bootstrap', ai_app_onsite_assets_path() . 'css/bootstrap.min.css', array(), time());
             wp_enqueue_style('ai_app_onsite_style_bootstrap');
+        }
 …
         add_option('ai_app_onsite_fresh_install', true);
+        /**
+         * To initializes and stores encryption keys and license-server URL to avoid hard-coding in WordPress options.
+         *
+         * - The `ai_app_onsite_encryption_key` is a 256-bit encryption key generated using `random_bytes`.
+         * - The `ai_app_onsite_encryption_iv` is a 16-byte initialization vector (IV) encoded in Base64.
+         * - The `ai_app_onsite_api_key` is a Base64-encoded license server URL string.
+         *
+         * These keys are securely generated and stored using WordPress's `update_option` function.
+         *
+         * Note: This is not obfuscated code. The Base64 encoding of the API key is used for safe storage
+         * and transmission, and it is not intended to hide or obscure the key. This approach ensures
+         * compatibility with systems that may require Base64-encoded strings.
+         */
+        if (!get_option('ai_app_onsite_encryption_key')) {
+            update_option('ai_app_onsite_encryption_key', bin2hex(random_bytes(32))); // 256-bit key
+        }
+        if (!get_option('ai_app_onsite_encryption_iv')) {
+            update_option('ai_app_onsite_encryption_iv', base64_encode(random_bytes(16)));
+        }
+        if (!get_option('ai_app_onsite_api_key')) {
+            update_option('ai_app_onsite_api_key', 'aHR0cHM6Ly9iZHl6OHJvM3BjLmV4ZWN1dGUtYXBpLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tL1BST0QvdmFsaWRhdGVLZXk=');
+        }
         require_once AI_APP_ONSITE_PLUGIN_DIR . 'includes/class-ai-app-onsite-db-handler.php';
 …
+    }
     wp_enqueue_script('plugin-deactivation-intercept', plugins_url('assets/js/ai-app-onsite-reset-localstorage.js', __FILE__), array('jquery'), '1.0', true);
+    wp_enqueue_script('plugin-deactivation-intercept', ai_app_onsite_assets_path() . 'js/ai-app-onsite-reset-localstorage.js', array('jquery'), '1.0', true);
 });
 …
         global $wpdb;
         require_once AI_APP_ONSITE_PLUGIN_DIR . 'includes/class-ai-app-onsite-db-handler.php';
+        require_once ai_app_onsite_include_path() . 'class-ai-app-onsite-db-handler.php';
         // Create an instance of the database handler class and pass $wpdb
 …
         // Call the method to drop the table
         $result = $db_handler->ai_app_onsite_drop_table();
+        delete_option('ai_app_onsite_encryption_key');
+        delete_option('ai_app_onsite_encryption_iv');
+        delete_option('ai_app_onsite_api_key');
         // Log the result
 …
+add_filter('plugin_action_links_' . plugin_basename(__FILE__), 'ai_app_onsite_settings_link');
+function ai_app_onsite_settings_link($links)
+add_filter('plugin_action_links_' . plugin_basename(__FILE__), 'ai_app_onsite_settings_and_upgrade_links');
+function ai_app_onsite_settings_and_upgrade_links($links)
+{
     $settings_link = '<a href="' . admin_url('admin.php?page=ai-app-onsite-menu') . '">Settings</a>';
+    array_unshift($links, $settings_link); // Add it at the beginning
+    $upgrade_link = '<a href="https://aiapponsite.com/pricing" class="open-new-tab" target="_blank" style="color:#d35400;font-weight:600; text-decoration:none; outline:none; box-shadow:none;">UPGRADE  → <span style="background:#d35400;color:#fff;padding:2px 6px;border-radius:8px;font-size:10px;vertical-align:middle;">PLUS</span></a>';
+    array_unshift($links, $settings_link);
+    array_push($links, $upgrade_link);
     return $links;
+}
+add_action('admin_init', function () {
+    $last_checked = (int) get_option('ai_app_license_last_checked');
+    $now = time();
+    if (!$last_checked || ($now - $last_checked) > 3600) {
+        (new AI_APP_ONSITE_App_License_Handler())->ai_app_onsite_app_check_license_cron_callback();
+        update_option('ai_app_license_last_checked', $now);
+    }
+});
+if (!function_exists('ai_app_onsite_get_app_selector')) {
+    function ai_app_onsite_get_app_selector($app_id = 1) {
+        global $wpdb;
+        $plugin_settings_table = $wpdb->prefix . 'ai_app_onsite_plugin_settings';
+        $app_properties_table = $wpdb->prefix . 'ai_app_onsite_app_properties';
+        // Get the current app_selector value
+        $app_selector = $wpdb->get_var(
+            $wpdb->prepare(
+                "SELECT app_selector FROM $plugin_settings_table WHERE app_id = %d",
+                $app_id
+            )
+        );
+        // Check if app_selector matches app_name in the app_properties table
+        if ($app_selector) {
+            $app_id_from_properties = $wpdb->get_var(
+                $wpdb->prepare(
+                    "SELECT id FROM $app_properties_table WHERE app_name = %s OR app_name_show = %s",
+                    $app_selector,
+                    $app_selector
+                )
+            );
+            // If a match is found, update app_selector to the id
+            if ($app_id_from_properties) {
+                $wpdb->update(
+                    $plugin_settings_table,
+                    ['app_selector' => $app_id_from_properties],
+                    ['app_id' => $app_id],
+                    ['%d'],
+                    ['%d']
+                );
+                $app_selector = $app_id_from_properties;
+            }
+        }
+        return $app_selector ?: null;
+    }
+}

ai-app-onsite/trunk/assets/css/ai-app-onsite-form-style.css

-                      r3281194
+                      r3307540
 .ai-app-form-wrap #ai-app-motivational-heading h6 {
   font-weight: 700;
+  color: #000;
+}
 …
   background-color: #f7f7f7;
   padding: 10px;
+  color: #000;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
   margin-bottom: 25px;

ai-app-onsite/trunk/assets/css/ai-app-onsite-style.css

-                      r3281194
+                      r3307540
+}
+.form-wrapper-license {
+  width: 100%;
+  margin: auto;
+}
 .form-wrapper select,
 input#banned_words {
 …
 .fs-regular-12 {
   font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
+}
+.fs-regular-10 {
+  font-size: 10px;
   font-weight: 400;
   line-height: 16px;
 …
+}
+.remove-btn:disabled {
+  border:none;
+}
 .remove-btn .btn-icon {
   margin-right: 2px;
 …
   background-size: inherit;
   background-position: center;
+  cursor: pointer;
+}
 …
   background-size: inherit;
   background-position: center;
+  cursor: pointer;
+}
 …
     background: transparent;
+  }
+.ai-app-onsite-wrap .gold-gradient {
+    font-size: 14px;
+    font-weight: bold;
+    background: linear-gradient(90deg, #FFD700, #FFA500, #FF8C00, #FFD700);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    color: transparent;
+  }
+.ai-app-onsite-wrap .gold-gradient::after {
+    background: none;
+    content: attr(data-heading) / "";
+    left: 0;
+    top: 0;
+    z-index: -1;
+    position: absolute;
+    text-shadow:
+    -1px 0 1px #c6bb9f,
+1px 1px #c6bb9f,
+px 5px 10px rgba(0, 0, 0, 0.4),
+    -5px -5px 10px rgba(0, 0, 0, 0.4);
+  }
+.ai-app-onsite-wrap .app-name {
+    background-color: #efefef;
+    pointer-events: none;
+  }

ai-app-onsite/trunk/assets/js/ai-app-onsite-admin.js

-                      r3281194
+                      r3307540
 // === Save & Restore Tab using Cookie ===
 document.addEventListener('DOMContentLoaded', function () {
     function getCookie(name) {
 …
     const isFreshInstall = myPluginAjax.isFreshInstall == '1' ? true : false;
-    console.log('isFreshInstall:', isFreshInstall);
     if (isFreshInstall) {
 …
         handleTabClick(fallbackTabId); // Activate the default tab
+    }
+    document.querySelectorAll('a.open-new-tab').forEach(function (link) {
+        link.setAttribute('target', '_blank');
+        link.setAttribute('rel', 'noopener noreferrer');
+    });
+    const observer = new MutationObserver(function (mutationsList) {
+        mutationsList.forEach(function (mutation) {
+            mutation.addedNodes.forEach(function (node) {
+                if (node.nodeType === 1) {
+                    if (node.matches('a.open-new-tab')) {
+                        node.setAttribute('target', '_blank');
+                        node.setAttribute('rel', 'noopener noreferrer');
+                    } else {
+                        // Also check any child links inside
+                        node.querySelectorAll('a.open-new-tab').forEach(function (link) {
+                            link.setAttribute('target', '_blank');
+                            link.setAttribute('rel', 'noopener noreferrer');
+                        });
+                    }
+                }
+            });
+        });
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
 });
 …
 function handleTabClick(tabId) {
     event.preventDefault();
+    // event.preventDefault();
     var tab = document.getElementById(tabId);
 …
                     return;
+                }
-                console.log("image deleted");
             } else {
                 // Handle error response
 …
 function uploadSiteLogo(file) {
-    removeLogoBtn.style.display = 'block';
     fileUploadDiv.classList.add('col-md-8');
     fileUploadDiv.classList.remove('col-md-12');
 …
         if (xhr.readyState === 4) { // Ensure the request is complete
             if (xhr.status === 200) {
-                console.log('Response Text:', xhr.responseText); // Log the raw response text
                 if (xhr.responseText) { // Check if the response text is not empty
                     try {
 …
                         if (app_logo) {
                             var previewImage = document.getElementById('previewImage');
                             previewImage.style.backgroundImage = `url('${app_logo}')`;
                             previewImage.style.backgroundSize = 'contain'; // Optional: Adjust background size
                             previewImage.style.backgroundRepeat = 'no-repeat'; // Optional: Prevent repetition
+                            previewImage.style.backgroundImage    = `url('${app_logo}')`;
+                            previewImage.style.backgroundSize     = 'contain'; // Optional: Adjust background size
+                            previewImage.style.backgroundRepeat   = 'no-repeat'; // Optional: Prevent repetition
                             previewImage.style.backgroundPosition = 'center'; // Optional: Center the image
+                            previewImage.style.display = 'block';
+                            previewImage.style.width = '350px';
+                            previewImage.style.height = '160px';
+                            previewImage.style.position = 'relative';
+                            previewImage.style.display          = 'block';
+                            previewImage.style.width            = '350px';
+                            previewImage.style.height           = '160px';
+                            previewImage.style.position         = 'relative';
+                            removeLogoBtn.style.display         = 'block';
+                        }
 …
                         var messageContainer = document.getElementById('app-properties-msg-container');
                         if (messageContainer) {
                             var successMessage = 'App Logo Upload Successful';
+                            var successMessage = 'App Image Uploaded Successful';
                             if (response.success) {
                                 messageContainer.innerHTML = '<span style="color: green;">' + successMessage + '</span>';
 …
                                 messageContainer.innerHTML = '<span style="color: red;">Error: ' + response.error + '</span>';
+                            }
-                            console.log(response.data, 'parseInt');
                             var previewImage = document.getElementById('previewImage');
+                            previewImage.src = response.data;
+                            previewImage.style.display = 'block';
+                            previewImage.src            = response.data;
+                            previewImage.style.display  = 'block';
+                            removeLogoBtn.style.display = 'block';
                         } else {
                             console.error('messageContainer element not found');
 …
     // var existingLabel = document.querySelector('.input-group-color .' + e.name);
-    // console.log('existingLabel', existingLabel);
     // existingLabel.remove();
 …
     var existingLabel = document.querySelector('.input-group-color .' + e.name);
-    console.log('existingLabel', existingLabel);
     existingLabel.remove();
 …
     var existingLabel = document.querySelector('.input-group-color .' + e.name);
-    console.log('existingLabel', existingLabel);
     existingLabel.remove();

ai-app-onsite/trunk/assets/js/ai-app-onsite-app-preview.js

-                      r3281194
+                      r3307540
 var gutenbergBlock = document.getElementById('openAi-app-gutenberg-block');
+function ai_app_onsite_create_app_preview_form(is_preview_button = false) {
+    var loader = document.getElementById('loader');
+    const appCorner = document.getElementById('app-corner').value;
+    const appHeight = document.getElementById('app-height').value;
+    var xhr = new XMLHttpRequest();
+    xhr.onreadystatechange = function () {
+        if (xhr.readyState === 4) {
+            if(is_preview_button){
+                loader.style.display = 'none';
+            }
+            if (xhr.status === 200) {
+                response = JSON.parse(xhr.responseText);
+                if (response.status === '404' || response.status === '400') {
+                    formContainer.innerHTML = '<p>' + response.message + '</p>';
+                    openAiAppShortcode.value = '';
+                    testAppContainer.style.display = 'none';
+                    previewActionContainer.style.display = 'none';
+                    shortcodeBox.style.display = 'none';
+                    systemSettingsContainer.style.display = 'none';
+                    return;
+                } else {
+                    formContainer.innerHTML = '';
+                    testAppContainer.style.display = 'block';
+                    previewActionContainer.style.display = 'block';
+                    shortcodeBox.style.display = 'flex';
+                    systemSettingsContainer.style.display = 'block';
+                }
+                // Replace form content
+                formContainer.innerHTML = response?.form_html;
+                // Set the data recevied from db
+                ai_app_onsite_set_app_preview_properties_data(response?.appropriates, is_preview_button);
+                var parser = new DOMParser();
+                var doc = parser.parseFromString(response?.form_html, 'text/html');
+                // Find the element with the class
+                var element = doc.querySelector('.ai-app-preview-form-heading');
+                var shortCodeGenerated = doc.querySelector('input[name="short_code_generated"]').value;
+                // Get the text content of the element
+                var value = element ? element.textContent : null;
+                var gutenberg_block = value;
+                if (gutenberg_block) {
+                    gutenberg_block = value;
+                } else {
+                    gutenberg_block = 'AI App Onsite';
+                }
+                if (value) {
+                    value = value.split(' ').map(function (word) {
+                        return word.charAt(0).toLowerCase() + word.slice(1).toLowerCase();
+                    }).join('_');
+                } else {
+                    value = 'aiapp';
+                }
+                openAiAppShortcode.value = `[${shortCodeGenerated}]`;
+                const parts = shortCodeGenerated.split("_aiao");
+                gutenbergBlock.value = parts[0] + ' Aiao';
+                localStorage.setItem('app_Title', parts[0]);
+                localStorage.setItem('app_Title_gutenberg_block', parts[0]);
+                testAppContainer.style.display = 'block';
+                previewActionContainer.style.display = 'block';
+                shortcodeBox.style.display = 'flex';
+                systemSettingsContainer.style.display = 'block';
+                if (formContainer) {
+                    // Find the submit button inside the form
+                    var submitButton = formContainer.querySelector('button[type="button"]');
+                    if (submitButton) {
+                        // Disable the submit button
+                        submitButton.disabled = true;
+                    }
+                }
+                var messageContainer = document.getElementById('app-properties-msg-container-preview');
+                if(is_preview_button){
+                    messageContainer.innerHTML = '<span style="color: green;">App Preview has been updated successfully.</span>';
+                }
+                setTimeout(function () {
+                    messageContainer.innerHTML = '';
+                    const appPreviewSettingsFormTracker = trackFormChanges('#app_preview_settings_form');
+                    window.FormChangeRegistry.register('app_preview_settings', appPreviewSettingsFormTracker, 'app-preview');
+                    document.getElementById('save_ai_app_app_properties_data').addEventListener('click', function () {
+                        appPreviewSettingsFormTracker.reset();
+                    });
+                }, 1000);
+            }
+        }
+    };
+    xhr.open('POST', myPluginAjax.ajaxurl, true);
+    if(is_preview_button){
+        loader.style.display = 'flex';
+    }
+    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
+    const postData = new URLSearchParams();
+    var titleColorRadios = document.querySelectorAll('input[type="radio"][name="title-color"]');
+    var titleColors = [];
+    if (titleColorRadios) {
+        titleColorRadios.forEach(function (titleColorRadio) {
+            if (titleColorRadio.checked) {
+                titleColors.push({ "title_color_selected": titleColorRadio.value });
+            } else {
+                titleColors.push({ "title_color": titleColorRadio.value });
+            }
+        });
+    }
+    postData.append('title_color', JSON.stringify(titleColors));
+    var fontColorRadios = document.querySelectorAll('input[type="radio"][name="font-color"]');
+    var fontColor = [];
+    if (fontColorRadios) {
+        fontColorRadios.forEach(function (fontColorRadio) {
+            if (fontColorRadio.checked) {
+                fontColor.push({ "font_color_selected": fontColorRadio.value });
+            } else {
+                fontColor.push({ "font_color": fontColorRadio.value });
+            }
+        });
+    }
+    postData.append('font_color', JSON.stringify(fontColor));
+    var bgColorRadios = document.querySelectorAll('input[type="radio"][name="bg-color"]');
+    var bgColor = [];
+    if (bgColorRadios) {
+        bgColorRadios.forEach(function (bgColorRadio) {
+            if (bgColorRadio.checked) {
+                bgColor.push({ "bg_color_selected": bgColorRadio.value });
+            } else {
+                bgColor.push({ "bg_color": bgColorRadio.value });
+            }
+        });
+    }
+    postData.append('background_color', JSON.stringify(bgColor));
+    postData.append('action', 'ai_app_onsite_create_app_preview_form');
+    postData.append('app_corner', appCorner);
+    postData.append('app_height', appHeight);
+    postData.append('is_preview_button', is_preview_button)
+    xhr.send(postData.toString());
+}
 function ai_app_onsite_set_app_preview_properties_data(response, is_preview) {
     if (!Array.isArray(response) || response.length === 0) {
 …
             radioInputs.forEach(function (radio) {
                 var label = radio.closest('label');
                 var colorWithoutHash = radio.value.replace(/^#/, '');
 …
+                }
             });
         }, 100);
+    }, 100);
     // Define an array of objects containing the variables and their corresponding radio button sets
 …
                             if (radioButton) {
                                 radioButton.checked = true;
+                                radioButton.setAttribute('checked', 'checked');
+                            }
                         });
 …
                     if (radioButton) {
                         radioButton.checked = true;
+                        radioButton.setAttribute('checked', 'checked');
                     } else { // If no matching radio button is found, set the variable as the value of an input field
                         var element = document.getElementById(variableSet.id);
 …
                             if (radioButton) {
                                 radioButton.checked = true;
+                                radioButton.setAttribute('checked', 'checked');
+                            }
                         });
 …
                     if (radioButton) {
                         radioButton.checked = true;
+                        radioButton.setAttribute('checked', 'checked');
                     } else { // If no matching radio button is found, set the variable as the value of an input field
                         var element = document.getElementById(variableSet.id);
 …
                             if (radioButton) {
                                 radioButton.checked = true;
+                                radioButton.setAttribute('checked', 'checked');
+                            }
                         });
 …
                     if (radioButton) {
                         radioButton.checked = true;
+                         radioButton.setAttribute('checked', 'checked');
                     } else { // If no matching radio button is found, set the variable as the value of an input field
                         var element = document.getElementById(variableSet.id);
 …
     document.getElementById("app-corner").value = app_corner || "soft-corner";
     document.getElementById("app-height").value = app_height || "slight-lift";
+    document.getElementById('app-corner').setAttribute('name', 'app_corner');
+    document.getElementById('app-height').setAttribute('name', 'app_height');
+}
 function getSelectedTitleColor(data) {
 …
+    }
     return null;
+}
-function ai_app_onsite_create_app_preview_form(is_preview_button = false) {
-    var loader = document.getElementById('loader');
-    // const getCheckedValue = (name) => {
-    //     const inputs = document.querySelectorAll(`input[name="${name}"]:checked`);
-    //     return inputs.length ? inputs[0].value : '';
-    // };
-    // const titleColor = getCheckedValue('title-color');
-    // const fontColor = getCheckedValue('font-color');
-    // const backgroundColor = getCheckedValue('bg-color');
-    const appCorner = document.getElementById('app-corner').value;
-    const appHeight = document.getElementById('app-height').value;
-    var xhr = new XMLHttpRequest();
-    xhr.onreadystatechange = function () {
-        if (xhr.readyState === 4) {
-            if(is_preview_button){
-                loader.style.display = 'none';
+            }
-            if (xhr.status === 200) {
-                //console.log('xhr.responseText', xhr.responseText);
-                response = JSON.parse(xhr.responseText);
-                if (response.status === '404' || response.status === '400') {
-                    formContainer.innerHTML = '<p>No form Field Found Please Create Form Field</p>';
-                    openAiAppShortcode.value = '';
-                    testAppContainer.style.display = 'none';
-                    previewActionContainer.style.display = 'none';
-                    shortcodeBox.style.display = 'none';
-                    systemSettingsContainer.style.display = 'none';
-                    return;
+                }
-                // Replace form content
-                formContainer.innerHTML = response?.form_html;
-                // Set the data recevied from db
-                ai_app_onsite_set_app_preview_properties_data(response?.appropriates, is_preview_button);
-                var parser = new DOMParser();
-                var doc = parser.parseFromString(response?.form_html, 'text/html');
-                // Find the element with the class
-                var element = doc.querySelector('.ai-app-preview-form-heading');
-                var shortCodeGenerated = doc.querySelector('input[name="short_code_generated"]').value;
-                // Get the text content of the element
-                var value = element ? element.textContent : null;
-                var gutenberg_block = value;
-                if (gutenberg_block) {
-                    gutenberg_block = value;
-                } else {
-                    gutenberg_block = 'AI App Onsite';
+                }
-                if (value) {
-                    value = value.split(' ').map(function (word) {
-                        return word.charAt(0).toLowerCase() + word.slice(1).toLowerCase();
-                    }).join('_');
-                } else {
-                    value = 'aiapp';
+                }
-                openAiAppShortcode.value = `[${shortCodeGenerated}]`;
-                const parts = shortCodeGenerated.split("_aiao");
-                gutenbergBlock.value = parts[0] + ' Aiao';
-                localStorage.setItem('app_Title', parts[0]);
-                localStorage.setItem('app_Title_gutenberg_block', parts[0]);
-                testAppContainer.style.display = 'block';
-                previewActionContainer.style.display = 'block';
-                shortcodeBox.style.display = 'flex';
-                systemSettingsContainer.style.display = 'block';
-                if (formContainer) {
-                    // Find the submit button inside the form
-                    var submitButton = formContainer.querySelector('button[type="button"]');
-                    if (submitButton) {
-                        // Disable the submit button
-                        submitButton.disabled = true;
+                    }
+                }
-                var messageContainer = document.getElementById('app-properties-msg-container-preview');
-                if(is_preview_button){
-                    messageContainer.innerHTML = '<span style="color: green;">App Preview has been updated successfully.</span>';
+                }
-                setTimeout(function () {
-                    messageContainer.innerHTML = '';
-                }, 1000);
-            } else {
-                // Handle error response
-                console.error('Error occurred: ' + xhr.responseText);
-                formContainer.innerHTML = '<p>It looks like some required settings are missing. Please ensure that "App Properties," "Model Settings," and "Form Fields" are configured before previewing the form.</p>';
-                openAiAppShortcode.value = '';
-                testAppContainer.style.display = 'none';
-                previewActionContainer.style.display = 'none';
-                shortcodeBox.style.display = 'none';
-                systemSettingsContainer.style.display = 'none';
-                return;
+            }
+        }
-    };
-    xhr.open('POST', myPluginAjax.ajaxurl, true);
-    if(is_preview_button){
-        loader.style.display = 'flex';
+    }
-    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
-    const postData = new URLSearchParams();
-    var titleColorRadios = document.querySelectorAll('input[type="radio"][name="title-color"]');
-    var titleColors = [];
-    if (titleColorRadios) {
-        titleColorRadios.forEach(function (titleColorRadio) {
-            if (titleColorRadio.checked) {
-                titleColors.push({ "title_color_selected": titleColorRadio.value });
-            } else {
-                titleColors.push({ "title_color": titleColorRadio.value });
+            }
-        });
+    }
-    postData.append('title_color', JSON.stringify(titleColors));
-    var fontColorRadios = document.querySelectorAll('input[type="radio"][name="font-color"]');
-    var fontColor = [];
-    if (fontColorRadios) {
-        fontColorRadios.forEach(function (fontColorRadio) {
-            if (fontColorRadio.checked) {
-                fontColor.push({ "font_color_selected": fontColorRadio.value });
-            } else {
-                fontColor.push({ "font_color": fontColorRadio.value });
+            }
-        });
+    }
-    postData.append('font_color', JSON.stringify(fontColor));
-    var bgColorRadios = document.querySelectorAll('input[type="radio"][name="bg-color"]');
-    var bgColor = [];
-    bgColor
-    if (bgColorRadios) {
-        bgColorRadios.forEach(function (bgColorRadio) {
-            if (bgColorRadio.checked) {
-                bgColor.push({ "bg_color_selected": bgColorRadio.value });
-            } else {
-                bgColor.push({ "bg_color": bgColorRadio.value });
+            }
-        });
+    }
-    postData.append('background_color', JSON.stringify(bgColor));
-    postData.append('action', 'ai_app_onsite_create_app_preview_form');
-    // postData.append('title_color', titleColor);
-    // postData.append('font_color', fontColor);
-    // postData.append('background_color', backgroundColor);
-    postData.append('app_corner', appCorner);
-    postData.append('app_height', appHeight);
-    postData.append('is_preview_button', is_preview_button)
-    xhr.send(postData.toString());
+}
 …
     // If any required field is empty, show an alert and prevent form submission
     if (!isValid) {
-        console.log('Please fill in all required fields.');
         return false; // Form is invalid
+    }
 …
 });
-//Info:working code
-// jQuery('body').on('click', '.copy-span', function () {
-//     alert("waiting");
-//     // Select all span elements with the class 'copy-span'
-//     const copySpans = document.querySelectorAll('.copy-span');
-//     // Add event listener to each span
-//     copySpans.forEach(function (span) {
-//         span.addEventListener('click', function () {
-//             // Create a temporary input element to copy the text
-//             const textToCopy = span.textContent;
-//             // Create a temporary input element
-//             const tempInput = document.createElement('input');
-//             document.body.appendChild(tempInput);
-//             // Set the value of the input to the text of the span
-//             tempInput.value = textToCopy;
-//             // Select the content in the input
-//             tempInput.select();
-//             tempInput.setSelectionRange(0, 99999); // For mobile devices
-//             // Copy the content to clipboard
-//             try {
-//                 document.execCommand('copy');
-//                 alert('Copied: ' + textToCopy); // Optional: show a confirmation alert
-//             } catch (err) {
-//                 console.error('Unable to copy text', err);
-//             }
-//             // Remove the temporary input element
-//             document.body.removeChild(tempInput);
-//         });
-//     });
-// });
-// jQuery('body').on('click', '.copy-span', function () {
-//     const span = this;  // The clicked span element
-//     const textToCopy = span.textContent;
-//     // Create a temporary input element to copy the text
-//     const tempInput = document.createElement('input');
-//     document.body.appendChild(tempInput);
-//     // Set the value of the input to the text of the span
-//     tempInput.value = textToCopy;
-//     // Select the content in the input
-//     tempInput.select();
-//     tempInput.setSelectionRange(0, 99999); // For mobile devices
-//     // Copy the content to clipboard
-//     try {
-//         document.execCommand('copy');
-//         alert('Copied: ' + textToCopy); // Show the confirmation alert immediately
-//     } catch (err) {
-//         console.error('Unable to copy text', err);
-//     }
-//     // Remove the temporary input element
-//     document.body.removeChild(tempInput);
-// });
 …
     }, 2000);
 });
+document.addEventListener('change', function (event) {
+    if (
+        event.target.matches('input[type="radio"][name="title-color"]') ||
+        event.target.matches('input[type="radio"][name="font-color"]') ||
+        event.target.matches('input[type="radio"][name="bg-color"]')
+    ) {
+        // Remove checked attribute from all radios in the same group
+        const name = event.target.name;
+        const allRadios = document.querySelectorAll(`input[type="radio"][name="${name}"]`);
+        allRadios.forEach(function (radio) {
+            radio.removeAttribute('checked');
+        });
+        // Set checked attribute on selected one
+        event.target.setAttribute('checked', 'checked');
+    }
+});

ai-app-onsite/trunk/assets/js/ai-app-onsite-app-properties.js

-                      r3281194
+                      r3307540
                 // Check if status is 404 (Table does not exist or no rows found)
                 if (response.status === '404') {
+                    //alert('Error: ' + response.message);
+                    document.getElementById('app-properties-msg-container').innerHTML = '<p>It looks like some required settings are missing. Please ensure that "App Settings" are configured & an app has been created before adding app details.</p>';
+                    document.getElementById('app-details-form').style.display = 'none';
                     return;
+                }else {
+                    document.getElementById('app-properties-msg-container').innerHTML = '';
+                    document.getElementById('app-details-form').style.display = 'block';
+                }
                 // Accessing the first object in the array
                 var firstObject = response[0];
-                console.log(firstObject, 'firstObject');
-                var app_logo = firstObject.appLogoImagePreview;
-                console.log(app_logo, 'app_logo');
                 var app_logo = firstObject.appLogoImagePreview;
                 var fileUploadDiv = document.getElementById('file-upload-div');
                 var removeLogoBtn = document.getElementById('remove-logo-btn');
+                var previewImage = document.getElementById('previewImage');
                 if (app_logo != 'No preview available') {
-                    var previewImage = document.getElementById('previewImage');
                     previewImage.style.backgroundImage = `url('${app_logo}')`;
                     previewImage.style.backgroundSize = 'contain'; // Optional: Adjust background size
 …
                     fileUploadDiv.classList.remove('col-md-12');
                 } else {
+                    var removeLogoBtn = document.getElementById('remove-logo-btn');
+                    previewImage.style.backgroundImage = ''; // Remove any previous image
+                    previewImage.style.display = 'none'; // Hide the preview image
                     removeLogoBtn.style.display = 'none';
                     fileUploadDiv.classList.add('col-md-12');
 …
                 var submit_button_txt = firstObject.submit_button_txt;
+                // var obj = JSON.parse(title_color);
+                if (app_name_show === "") {
+                if (app_name_show === "" || app_name_show == null) {
                     document.getElementById('app-name').value = app_name;
                 } else {
 …
                 alert('Error: ' + xhr.status + ' ' + xhr.statusText);
+            }
+            const appDetailsFormTracker = trackFormChanges('#app-details-form');
+            window.FormChangeRegistry.register('app_settings', appDetailsFormTracker, 'app-details');
+            document.getElementById('save_ai_app_app_properties_data').addEventListener('click', function () {
+                appDetailsFormTracker.reset();
+            });
+        }
     };
 …
 //Start save app_properties JS
 function ai_app_onsite_save_app_properties() {
-    console.log('Nonce value:', document.getElementById('ai_app_onsite_app_properties_nonce_field').value);
-    console.log('Form data:', formData);
     // Clear all previous error messages
     document.querySelectorAll('.fields-error').forEach(function (error) {
 …
         errors.push('App Disclaimer is required.');
+    }
-    // if (fileUpload === '') {
-    //     errors.push('File Upload is required.');
-    // }
     // If there are errors, display them and return
 …
                 document.getElementById('app-disclaimer-error').textContent = error;
+            }
-            // if (error === 'File Upload is required.') {
-            //     document.getElementById('fileError').textContent = error;
-            // }
         });
         return;
+    }
+    // Show loader
+    var loader = document.getElementById('loader');
+    loader.style.display = 'flex';
+    // Create and send AJAX request
+    ai_app_onsite_get_plugin_settings_from_properties(function(settings) {
+        const agreeTerms = Array.isArray(settings)
+            ? settings[0]?.agree_terms === '1'
+            : settings?.agree_terms === '1';
+        if (!agreeTerms) {
+            const modalElement = document.getElementById('terms_conditions_modal');
+            const modalInstance = new bootstrap.Modal(modalElement);
+            modalInstance.show();
+            return;
+        }
+        // Show loader
+        var loader = document.getElementById('loader');
+        loader.style.display = 'flex';
+        // Create and send AJAX request
+        var xhr = new XMLHttpRequest();
+        xhr.onreadystatechange = function () {
+            if (xhr.readyState === 4) {
+                var messageContainer = document.getElementById('app-properties-msg-container');
+                setTimeout(function () {
+                    loader.style.display = 'none';
+                    if (xhr.status === 200) {
+                        // Handle the response from the server
+                        var response = JSON.parse(xhr.responseText);
+                        if (response.success) {
+                            // Show success message
+                            messageContainer.innerHTML = '<span style="color: green;"> ' + response.data + '</span>';
+                        } else {
+                            // Show error message if request fails
+                            messageContainer.innerHTML = '<span style="color: red;">Error: ' + response.error + '</span>';
+                        }
+                    } else {
+                        // Show error message if request fails
+                        messageContainer.innerHTML = '<span style="color: red;">Error: Failed to save data</span>';
+                    }
+                    // Hide message after 3 seconds
+                    setTimeout(function () {
+                        messageContainer.innerHTML = '';
+                    }, 3000);
+                }, 2000);
+            }
+        };
+        xhr.open('POST', myPluginAjax.ajaxurl, true);
+        // Create FormData object
+        var formData = new FormData();
+        // Gather form data
+        formData.append('action', 'ai_app_onsite_save_app_properties');
+        formData.append('app-name', document.getElementById("app-name") ? document.getElementById("app-name").value : '');
+        formData.append('app-name-show', document.getElementById("app-name-toggle").checked);
+        // Check if file is selected
+        const fileInput = document.getElementById('file-upload');
+        if (fileInput.files.length > 0) {
+            const file = fileInput.files[0];
+            formData.append('app-file', file);
+        }
+        formData.append('app-description', document.getElementById("app-description") ? document.getElementById("app-description").value : '');
+        formData.append('app-disclaimer', document.getElementById("app-disclaimer") ? document.getElementById("app-disclaimer").value : '');
+        formData.append('submit-btn-txt', document.getElementById("submit-btn-txt") ? document.getElementById("submit-btn-txt").value : '');
+        // Check if radio buttons are selected before accessing their value
+        //var titleColorRadio = document.querySelector('input[name="title-color"]:checked');
+        var titleColorRadios = document.querySelectorAll('input[type="radio"][name="title-color"]');
+        var titleColors = [];
+        if (titleColorRadios) {
+            titleColorRadios.forEach(function (titleColorRadio) {
+                if (titleColorRadio.checked) {
+                    titleColors.push({"title_color_selected": titleColorRadio.value});
+                } else {
+                    titleColors.push({"title_color": titleColorRadio.value});
+                }
+            });
+        }
+        // Append titleColors as a nested array within formData
+        formData.append('titleColors', JSON.stringify(titleColors));
+        //var fontColorRadio = document.querySelector('input[name="font-color"]:checked');
+        //formData.append('font-color', fontColorRadio ? fontColorRadio.value : '');
+        var fontColorRadios = document.querySelectorAll('input[type="radio"][name="font-color"]');
+        var fontColor = [];
+        if (fontColorRadios) {
+            fontColorRadios.forEach(function (fontColorRadio) {
+                if (fontColorRadio.checked) {
+                    fontColor.push({"font_color_selected": fontColorRadio.value});
+                } else {
+                    fontColor.push({"font_color": fontColorRadio.value});
+                }
+            });
+        }
+        formData.append('fontColor', JSON.stringify(fontColor));
+        // var bgColorRadio = document.querySelector('input[name="bg-color"]:checked');
+        // formData.append('bg-color', bgColorRadio ? bgColorRadio.value : '');
+        var bgColorRadios = document.querySelectorAll('input[type="radio"][name="bg-color"]');
+        var bgColor = [];
+        bgColor
+        if (bgColorRadios) {
+            bgColorRadios.forEach(function (bgColorRadio) {
+                if (bgColorRadio.checked) {
+                    bgColor.push({"bg_color_selected": bgColorRadio.value});
+                } else {
+                    bgColor.push({"bg_color": bgColorRadio.value});
+                }
+            });
+        }
+        formData.append('bgColor', JSON.stringify(bgColor));
+        // Include nonce field value
+        formData.append('ai_app_onsite_app_properties_nonce_field', document.getElementById("ai_app_onsite_app_properties_nonce_field").value);
+        xhr.send(formData);
+    });
+}
+function ai_app_onsite_get_plugin_settings_from_properties(callback) {
     var xhr = new XMLHttpRequest();
+    xhr.open('POST', myPluginAjax.ajaxurl, true);
+    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
     xhr.onreadystatechange = function () {
         if (xhr.readyState === 4) {
+            var messageContainer = document.getElementById('app-properties-msg-container');
+            setTimeout(function () {
+                loader.style.display = 'none';
+                if (xhr.status === 200) {
+                    // Handle the response from the server
+                    var response = JSON.parse(xhr.responseText);
+                    if (response.success) {
+                        // Show success message
+                        messageContainer.innerHTML = '<span style="color: green;"> ' + response.data + '</span>';
+                    } else {
+                        // Show error message if request fails
+                        messageContainer.innerHTML = '<span style="color: red;">Error: ' + response.error + '</span>';
+                    }
+                } else {
+                    // Show error message if request fails
+                    messageContainer.innerHTML = '<span style="color: red;">Error: Failed to save data</span>';
+                }
+                // Hide message after 3 seconds
+                setTimeout(function () {
+                    messageContainer.innerHTML = '';
+                }, 3000);
+            }, 2000);
+            var response = JSON.parse(xhr.responseText);
+            if (xhr.status === 200) {
+                callback(response);
+            } else {
+                console.error('Error fetching plugin settings');
+                callback({ status: xhr.status, message: xhr.statusText });
+            }
+        }
     };
+    xhr.open('POST', myPluginAjax.ajaxurl, true);
+    // Create FormData object
+    var formData = new FormData();
+    // Gather form data
+    formData.append('action', 'ai_app_onsite_save_app_properties');
+    formData.append('app-name', document.getElementById("app-name") ? document.getElementById("app-name").value : '');
+    formData.append('app-name-show', document.getElementById("app-name-toggle").checked);
+    // Check if file is selected
+    const fileInput = document.getElementById('file-upload');
+    if (fileInput.files.length > 0) {
+        const file = fileInput.files[0];
+        formData.append('app-file', file);
+    }
+    formData.append('app-description', document.getElementById("app-description") ? document.getElementById("app-description").value : '');
+    formData.append('app-disclaimer', document.getElementById("app-disclaimer") ? document.getElementById("app-disclaimer").value : '');
+    formData.append('submit-btn-txt', document.getElementById("submit-btn-txt") ? document.getElementById("submit-btn-txt").value : '');
+    // Check if radio buttons are selected before accessing their value
+    //var titleColorRadio = document.querySelector('input[name="title-color"]:checked');
+    var titleColorRadios = document.querySelectorAll('input[type="radio"][name="title-color"]');
+    var titleColors = [];
+    if (titleColorRadios) {
+        titleColorRadios.forEach(function (titleColorRadio) {
+            if (titleColorRadio.checked) {
+                titleColors.push({ "title_color_selected": titleColorRadio.value });
+            } else {
+                titleColors.push({ "title_color": titleColorRadio.value });
+            }
+        });
+    }
+    // Append titleColors as a nested array within formData
+    formData.append('titleColors', JSON.stringify(titleColors));
+    //var fontColorRadio = document.querySelector('input[name="font-color"]:checked');
+    //formData.append('font-color', fontColorRadio ? fontColorRadio.value : '');
+    var fontColorRadios = document.querySelectorAll('input[type="radio"][name="font-color"]');
+    var fontColor = [];
+    if (fontColorRadios) {
+        fontColorRadios.forEach(function (fontColorRadio) {
+            if (fontColorRadio.checked) {
+                fontColor.push({ "font_color_selected": fontColorRadio.value });
+            } else {
+                fontColor.push({ "font_color": fontColorRadio.value });
+            }
+        });
+    }
+    formData.append('fontColor', JSON.stringify(fontColor));
+    // var bgColorRadio = document.querySelector('input[name="bg-color"]:checked');
+    // formData.append('bg-color', bgColorRadio ? bgColorRadio.value : '');
+    var bgColorRadios = document.querySelectorAll('input[type="radio"][name="bg-color"]');
+    var bgColor = [];
+    bgColor
+    if (bgColorRadios) {
+        bgColorRadios.forEach(function (bgColorRadio) {
+            if (bgColorRadio.checked) {
+                bgColor.push({ "bg_color_selected": bgColorRadio.value });
+            } else {
+                bgColor.push({ "bg_color": bgColorRadio.value });
+            }
+        });
+    }
+    formData.append('bgColor', JSON.stringify(bgColor));
+    // Include nonce field value
+    formData.append('ai_app_onsite_app_properties_nonce_field', document.getElementById("ai_app_onsite_app_properties_nonce_field").value);
+    xhr.send(formData);
+}
+    xhr.send('action=ai_app_onsite_get_plugin_settings');
+}
 //=========End save app_properties JS======================

ai-app-onsite/trunk/assets/js/ai-app-onsite-field-selector.js

-                      r3281194
+                      r3307540
         jQuery(".form-group .ui-state-default").each(function (index) {
             var position = jQuery(this).index();
-            console.log("Position of div " + index + ": " + position);
         });
+    }
 …
             if (xhr.status === 200) {
                 // Handle success response
-                console.log(xhr.responseText);
                 // remove div html logically
                 jQuery(e).closest(".form-group").remove();
 …
         // Use 'group' instead of jQuery(".form-group.ui-state-default")
         var firstUniqueId = jQuery(".field-catcher.ui-sortable .form-group.ui-state-default:first").attr('field_unique_id');
-        console.log(firstUniqueId, 'firstUniqueId');
         // Get form fields
         var fieldCreator = document.getElementById("filed_creator_" + idx);
 …
             // Handle the response from the server
             var response = JSON.parse(xhr.responseText);
-            // console.log(response);
             var response_html_content = response.html_content;
             //  toggleMaxCharVisibility(response_html_content);
 …
                 console.error('Error occurred: ' + xhr.responseText);
+            }
+            document.getElementById('app_width_figure').setAttribute('name', 'app_width_figure');
+            jQuery(".field-catcher .form-group").each(function (index) {
+                jQuery(this).find("select").attr("name", "filed_creator_" + index);
+            });
+            const appFieldSelectorSettingsformTracker = trackFormChanges('#myForm');
+            window.FormChangeRegistry.register('app_field_selector_settings', appFieldSelectorSettingsformTracker, 'field-selector');
+            document.getElementById('save_ai_app_ai_app_fieldselector_data').addEventListener('click', function () {
+                const nonceValue = document.getElementById("ai_app_onsite_field_selector_nonce_field").value;
+                appFieldSelectorSettingsformTracker.reset();
+                // Restore nonce after reset
+                document.getElementById("ai_app_onsite_field_selector_nonce_field").value = nonceValue;
+            });
+        }
     };
 …
                     maxCharField.style.display = 'block';
                     assignChar.value = '80'; // Assign the value '80' explicitly
-                    console.log('textbox', maxCharField.value);
                     fieldSample.style.display = 'block';
                     document.querySelector(`.dropdown-options-col_${index}`).style.display = 'none';
 …
                     maxCharField.style.display = 'block';
                     assignChar.value = '300'; // Assign the value '300'
-                    console.log('textarea', maxCharField.value);
                     fieldSample.style.display = 'block';
                     document.querySelector(`.dropdown-options-col_${index}`).style.display = 'none';
 …
                     maxCharField.style.display = 'block';
                     assignChar.value = '10'; // Assign the value '10'
-                    console.log('number', maxCharField.value);
                     fieldSample.style.display = 'block';
                     document.querySelector(`.dropdown-options-col_${index}`).style.display = 'none';
 …
                     maxCharField.style.display = 'block';
                     assignChar.value = '50'; // Assign the value '50'
-                    console.log('email', maxCharField.value);
                     fieldSample.style.display = 'block';
                     document.querySelector(`.dropdown-options-col_${index}`).style.display = 'none';
 …
                     fieldSample.style.display = 'none';
                     dropdownColumn.style.display = 'block';
-                    console.log('dropdown');
+                }
             });
 …
         maxCharField.style.display = 'block';
         assignChar.value = '80'; // Assign the value '80' explicitly
-        console.log('textbox', maxCharField.value);
         fieldSample.style.display = 'block';
         dropdownColumn.style.display = 'none';
 …
         maxCharField.style.display = 'block';
         assignChar.value = '300'; // Assign the value '300'
-        console.log('textarea', maxCharField.value);
         fieldSample.style.display = 'block';
         dropdownColumn.style.display = 'none';
 …
         maxCharField.style.display = 'block';
         assignChar.value = '10'; // Assign the value '10'
-        console.log('number', maxCharField.value);
         fieldSample.style.display = 'block';
         dropdownColumn.style.display = 'none';
 …
         maxCharField.style.display = 'block';
         assignChar.value = '50'; // Assign the value '50'
-        console.log('email', maxCharField.value);
         fieldSample.style.display = 'block';
         dropdownColumn.style.display = 'none';

ai-app-onsite/trunk/assets/js/ai-app-onsite-model-settings.js

-                      r3281194
+                      r3307540
 //Start get model settings from db js
 function ai_app_onsite_get_model_settings() {
+    const appModalSettingsformTracker = trackFormChanges('#ai_app_onsite_reset_modal-setting');
+    appModalSettingsformTracker.reset();
     var xhr = new XMLHttpRequest();
 …
                 // Handle success response
                 var response = JSON.parse(xhr.responseText);
-                console.log(response, 'ai_app_onsite_get_model_settings');
                 if (response.status === '404') {
                     var saveKpenapiKeyBtn = document.getElementById('save-openapi-key');
                     var apiDisableBtn = document.getElementById("api-disable-btn");
                     var apiKeyMgtBtn = document.getElementById("api-key-management");
+                    var openaiKey         = document.getElementById('openai-key');
+                    var openaiKeyHidden   = document.getElementById('openai-key-hidden');
+                    openaiKey.value = '';
+                    openaiKeyHidden.value = '';
                     const engineDropdown = document.getElementById('model');
 …
                     return;
+                } else {
+                        document.getElementById('model').classList.remove('border-danger');
+                        document.getElementById('model-help-text').innerHTML = '';
+                        document.getElementById('model-dependent-fields').classList.remove('blurred');
+                        document.querySelectorAll('.model-dependent').forEach(function (el) {
+                            el.disabled = false;
+                        });
+                        document.getElementById("api-key-management").style.display = 'block';
+                        const apiDisableBtn = document.getElementById("api-disable-btn");
+                        apiDisableBtn.disabled = false;
+                        // You can also re-enable save if needed
+                        const saveKpenapiKeyBtn = document.getElementById('save-openapi-key');
+                        saveKpenapiKeyBtn.removeAttribute('disabled'); // or saveKpenapiKeyBtn.disabled = false;
+                }
 …
                 // Check if the value is null or empty
                 if (!openai_key) {
+                    //jQuery('#apiinfoModal').modal('show');
+                    openaiKey.value = '';
+                    openaiKeyHidden.value = '';
                     const modalElement = document.getElementById('apiinfoModal');
                     const modalInstance = new bootstrap.Modal(modalElement);
 …
             } else {
                 // Handle error response
                 alert('Error occurred: ' + xhr.responseText);
+            }
+            document.getElementById('model').setAttribute('name', 'model');
+            window.FormChangeRegistry.register('app_modal_settings', appModalSettingsformTracker, 'model-settings');
+            document.getElementById('save_ai_app_modal_settings_data').addEventListener('click', function () {
+                appModalSettingsformTracker.reset();
+            });
+        }
     };
 …
     xhr.send('action=ai_app_onsite_get_model_settings');
+}
 // Function to update the input value
 …
+    }
+}
 // Function to send the original API key to the server
 …
         // Copy the text inside the text field
         if (document.execCommand('copy')) {
-            console.log('API key copied to clipboard successfully.');
             // Change the icon color by adding a class
 …
+}
 function ai_app_onsite_get_openapi_data() {
     var xhr = new XMLHttpRequest();
 …
                 var openai_key = firstObject.openai_key;
                 var key_status = firstObject.key_status;
-                console.log(key_status, 'key_status');
                 if (key_status == 'false') {
-                    console.log('sderfdfgfgfgfgfgf');
                     document.getElementById('key-status').textContent = 'DISABLED';
                     document.getElementById("api-disable-btn").checked = false;
 …
     return maskedPart.slice(0, maxLength);
+}
 // Add event listener for input changes
 …
 document.getElementById('api-disable-btn').addEventListener('change', function () {
-    console.log(this.checked);
     if (this.checked == true) {
         var switchText = document.getElementsByClassName('text-switch')[0];
         switchText.textContent = 'ENABLED';
 …
+        }
+    }
+    const modalElement = document.getElementById('apiinfoModal');
+    modalElement.addEventListener('hidden.bs.modal', function () {
+        // Remove lingering backdrop
+        document.querySelectorAll('.modal-backdrop').forEach(el => el.remove());
+        // Remove modal-open class and inline styles
+        document.body.classList.remove('modal-open');
+        document.body.style.overflow = '';
+        document.body.style.paddingRight = '';
+    }, { once: true });
 });

ai-app-onsite/trunk/assets/js/ai-app-onsite-openai-api.js

-                      r3281194
+                      r3307540
+}
 function validateForm(aiappForm) {
     // Check if form exists
 …
         if (!errorParagraph) {
             console.error('Error paragraph not found for field with ID:', field.id);
+            // console.error('Error paragraph not found for field with ID:', field.id);
             return; // Exit the loop if error paragraph is not found
+        }
 …
     // If any required field is empty, show an alert and prevent form submission
     if (!isValid) {
-        console.log('Please fill in all required fields.');
         return false; // Form is invalid
+    }
 …
     return formData; // Return form data if form is valid
+}
+document.addEventListener('keydown', function(event) {
+    if (event.key === 'Enter') {
+        event.preventDefault();
+    }
+});
+document.querySelectorAll('a.open-new-tab').forEach(function (link) {
+    link.setAttribute('target', '_blank');
+    link.setAttribute('rel', 'noopener noreferrer');
+});
+const observer = new MutationObserver(function (mutationsList) {
+    mutationsList.forEach(function (mutation) {
+        mutation.addedNodes.forEach(function (node) {
+            if (node.nodeType === 1) {
+                if (node.matches('a.open-new-tab')) {
+                    node.setAttribute('target', '_blank');
+                    node.setAttribute('rel', 'noopener noreferrer');
+                } else {
+                    // Also check any child links inside
+                    node.querySelectorAll('a.open-new-tab').forEach(function (link) {
+                        link.setAttribute('target', '_blank');
+                        link.setAttribute('rel', 'noopener noreferrer');
+                    });
+                }
+            }
+        });
+    });
+});
+observer.observe(document.body, { childList: true, subtree: true });

ai-app-onsite/trunk/assets/js/ai-app-onsite-plugin-settings.js

-                      r3272415
+                      r3307540
 // Function to setup terms of service modal
 function setupTermsOfServiceModal() {
+  var termsCheckbox       = document.getElementById("terms_conditions");
+  var acceptButton        = document.getElementById("accept_ai_app_terms_of_service");
+  var oldTermsCheckbox    = document.getElementById("terms_of_service-old");
+  var modal               = document.getElementById("terms_conditions_modal");
+  var closeButton         = modal.querySelector(".btn-close");
+  var savePluginSetting   = document.getElementById("save_ai_app_plugin_settings_data");
+  var termsOfServiceError = document.getElementById('terms_of_service-error');
+  // Function to enable/disable accept button based on checkbox status
+  function toggleAcceptButton() {
+    if (termsCheckbox.checked) {
+      acceptButton.disabled = false;
+    } else {
+      acceptButton.disabled = true;
+    var termsCheckbox       = document.getElementById("terms_conditions");
+    var acceptButton        = document.getElementById("accept_ai_app_terms_of_service");
+    var oldTermsCheckbox    = document.getElementById("terms_of_service-old");
+    var modal               = document.getElementById("terms_conditions_modal");
+    var closeButton         = modal.querySelector(".btn-close");
+    var savePluginSetting   = document.getElementById("save_ai_app_plugin_settings_data");
+    var termsOfServiceError = document.getElementById('terms_of_service-error');
+    // Function to enable/disable accept button based on checkbox status
+    function toggleAcceptButton() {
+      if (termsCheckbox.checked) {
+        acceptButton.disabled = false;
+      } else {
+        acceptButton.disabled = true;
+      }
+    }
+  }
+  // Initially check the checkbox status
+  toggleAcceptButton();
+  // Event listener for checkbox change
+  termsCheckbox.addEventListener("change", function() {
+    // Initially check the checkbox status
     toggleAcceptButton();
+  });
+  // Event listener for accept button click
+  acceptButton.addEventListener("click", function() {
+    if (termsCheckbox.checked) {
+      oldTermsCheckbox.checked = true; // Check the other checkbox
+      termsOfServiceError.textContent = '';
+      closeModal(); // Close the modal
+    // Event listener for checkbox change
+    termsCheckbox.addEventListener("change", function() {
+      toggleAcceptButton();
+    });
+    // Event listener for accept button click
+    acceptButton.addEventListener("click", function() {
+      if (termsCheckbox.checked) {
+        oldTermsCheckbox.checked = true; // Check the other checkbox
+        termsOfServiceError.textContent = '';
+        closeModal(); // Close the modal
+      }
+    });
+    // Event listener for close button click
+    closeButton.addEventListener("click", function() {
+      if (!termsCheckbox.checked) {
+        oldTermsCheckbox.checked = false; // Uncheck the other checkbox
+      }
+    });
+    // Function to close the modal
+    function closeModal() {
+      modal.classList.remove("show");
+      modal.style.display = "none";
+      document.body.classList.remove("modal-open");
+      document.body.style.paddingRight = "";
+      document.querySelector(".modal-backdrop").remove();
+    }
+  });
+  // Event listener for close button click
+  closeButton.addEventListener("click", function() {
+    if (!termsCheckbox.checked) {
+      oldTermsCheckbox.checked = false; // Uncheck the other checkbox
+    function disable(){
+      oldTermsCheckbox.addEventListener("change", function() {
+          if (oldTermsCheckbox.checked) {
+              savePluginSetting.disabled = false;
+          } else {
+            savePluginSetting.disabled = true;
+          }
+      });
+    }
+  });
+  // Function to close the modal
+  function closeModal() {
+    modal.classList.remove("show");
+    modal.style.display = "none";
+    document.body.classList.remove("modal-open");
+    document.body.style.paddingRight = "";
+    document.querySelector(".modal-backdrop").remove();
+  }
+  function disable(){
+    oldTermsCheckbox.addEventListener("change", function() {
+        if (oldTermsCheckbox.checked) {
+            savePluginSetting.disabled = false;
+        } else {
+          savePluginSetting.disabled = true;
+    //disable();
+  }
+  // Call the setup function after the DOM is loaded
+    setupTermsOfServiceModal();
+  //================End terms of service modal js =========================
+  function ai_app_onsite_show_terms_of_service() {
+      const termsOfServiceModal = document.getElementById("terms_conditions_modal");
+      const termsOfServiceCheckbox = document.getElementById("terms-form-group");
+      const divider = document.getElementById("divider");
+      const termsOfServiceButtons = document.getElementById("terms_conditions_button");
+      const modalInstance = new bootstrap.Modal(termsOfServiceModal);
+      modalInstance.show();
+      termsOfServiceCheckbox.style.display = "none";
+      divider.style.display = "none";
+      termsOfServiceButtons.style.display = "none";
+  }
+  let isPluginSaveTriggered = false;
+  let isSwitchChecked = false;
+  //Start save plugin settings JS
+  function ai_app_onsite_save_plugin_settings() {
+      // Clear all previous error messages
+      document.querySelectorAll('.fields-error').forEach(function(error) {
+          error.textContent = '';
+      });
+      // Get form fields
+      var terms_of_service = document.getElementById("terms_of_service-old").checked;
+      // Collect error messages
+      var errors = [];
+      if (!terms_of_service) {
+          errors.push('Please Agree to Terms of Service.');
+          const modalElement = document.getElementById('terms_conditions_modal');
+          const modalInstance = new bootstrap.Modal(modalElement);
+          modalInstance.show();
+          const termsOfServiceCheckbox = document.getElementById("terms-form-group");
+          const divider = document.getElementById("divider");
+          const termsOfServiceButtons = document.getElementById("terms_conditions_button");
+          termsOfServiceCheckbox.style.display = "block";
+          divider.style.display = "block";
+          termsOfServiceButtons.style.display = "flex";
+          isPluginSaveTriggered = true;
+      }else {
+          isPluginSaveTriggered = false;
+      }
+      // If there are errors, display them and return
+      if (errors.length > 0) {
+          errors.forEach(function(error) {
+              if (error === 'Please Agree to Terms of Service.') {
+                  document.getElementById('terms_of_service-error').textContent = error;
+              }
+          });
+          return;
+      }
+    // Show loader
+    var loader = document.getElementById('loader');
+    loader.style.display = 'flex';
+    var xhr = new XMLHttpRequest();
+    xhr.onreadystatechange = function() {
+        if (xhr.readyState === 4) {
+            // Show success message
+            var messageContainer = document.getElementById('Plugin-settings-msg-container');
+            setTimeout(function() {
+                loader.style.display = 'none';
+                if (xhr.status === 200) {
+                    // Handle the response from the server
+                    var response = JSON.parse(xhr.responseText);
+                    if (response.success) {
+                        messageContainer.innerHTML = '<span style="color: green;"> ' + response.data + '</span>';
+                        ai_app_onsite_get_plugin_settings();
+                    }else{
+                        messageContainer.innerHTML = '<span style="color: red;">Error: ' + response.error + '</span>';
+                    }
+                } else {
+                    messageContainer.innerHTML = '<span style="color: red;">Error: Failed to save data</span>';
+                }
+                // Hide message after 3 seconds
+                setTimeout(function() {
+                    messageContainer.innerHTML = '';
+                }, 3000);
+            }, 2000);
+        }
+    });
+  }
+  //disable();
+}
+// Call the setup function after the DOM is loaded
+  setupTermsOfServiceModal();
+//================End terms of service modal js =========================
+//Start save plugin settings JS
+function ai_app_onsite_save_plugin_settings() {
+    // Clear all previous error messages
+    document.querySelectorAll('.fields-error').forEach(function(error) {
+        error.textContent = '';
+    });
+    // Get form fields
+    var terms_of_service = document.getElementById("terms_of_service-old").checked;
+    // Collect error messages
+    var errors = [];
+    if (!terms_of_service) {
+        errors.push('Please Agree to Terms of Service.');
+    }
+    // If there are errors, display them and return
+    if (errors.length > 0) {
+        errors.forEach(function(error) {
+            if (error === 'Please Agree to Terms of Service.') {
+                document.getElementById('terms_of_service-error').textContent = error;
+            }
+        });
+        return;
+    }
+  // Show loader
+  var loader = document.getElementById('loader');
+  loader.style.display = 'flex';
+  var xhr = new XMLHttpRequest();
+  xhr.onreadystatechange = function() {
+      if (xhr.readyState === 4) {
+          // Show success message
+          var messageContainer = document.getElementById('Plugin-settings-msg-container');
+          setTimeout(function() {
+              loader.style.display = 'none';
+    };
+    xhr.open('POST', myPluginAjax.ajaxurl, true);
+    var formData = new FormData();
+      formData.append('action', 'ai_app_onsite_save_plugin_settings');
+      formData.append('terms_of_service', document.getElementById("terms_of_service-old") ? document.getElementById("terms_of_service-old").checked : false);
+      formData.append('app_selector', document.getElementById("app_selector") ? document.getElementById("app_selector").value : "");
+      formData.append('app_email', document.getElementById("app_email") ? document.getElementById("app_email").value : "");
+      // Gather selected banned words
+      var bannedWordsSelect = document.querySelector('[data-multi-select-plugin]');
+      var selectedOptions = bannedWordsSelect.selectedOptions;
+      var banned_words = [];
+      let selectedLabels = document.querySelectorAll('.selected-wrapper .selected-label');
+        // Loop through each of the selected labels
+      selectedLabels.forEach(function(label) {
+          banned_words.push(label.textContent);
+      });
+      // Append each banned word to the formData object
+      for (var j = 0; j < banned_words.length; j++) {
+          formData.append('banned_words[]', banned_words[j]);
+      }
+      // Append the CSV file
+      const fileInput = document.getElementById('csv-upload');
+      if (fileInput.files.length > 0) {
+          const file = fileInput.files[0];
+          formData.append('csv-file', file);
+      }
+      // Append nonce field value
+      formData.append('ai_app_onsite_plugin_settings_nonce_field', document.getElementById("ai_app_onsite_plugin_settings_nonce_field").value);
+    xhr.send(formData);
+  }
+  //=======================End save plugin settings js===========================
+  //Start get plugin setting from db js
+  function ai_app_onsite_get_plugin_settings() {
+      var xhr = new XMLHttpRequest();
+      xhr.onreadystatechange = function() {
+          if (xhr.readyState === 4) {
               if (xhr.status === 200) {
+                  // Handle the response from the server
+                  var response = JSON.parse(xhr.responseText);
+                  if (response.success) {
+                      messageContainer.innerHTML = '<span style="color: green;"> ' + response.data + '</span>';
+                  }else{
+                      messageContainer.innerHTML = '<span style="color: red;">Error: ' + response.error + '</span>';
+                  }
+                // Handle success response
+                var response = JSON.parse(xhr.responseText);
+                if (response.status === "404") {
+                    return;
+                };
+                // Accessing the first object in the array
+                var firstObject = response[0];
+                // Accessing properties of the first object
+                var id = firstObject.id;
+                var agreeTerms = firstObject.agree_terms;
+                var appSelector = firstObject.app_selector;
+                var userStats = firstObject.user_stats;
+                var bannedWords = firstObject.banned_words;
+                var bannedWordsCSV = firstObject.banned_words_csv;
+                var appName = firstObject.appName;
+                const selectElement = document.getElementById("bannedWords");
+                var app_email = firstObject.app_email;
+                // Assume selectElement is already defined as your target select element
+                bannedWordsCSV.forEach((item) => {
+                  // Check if an option with the same value already exists
+                  const exists = Array.from(selectElement.options).some(
+                    (option) => option.value === item[0]
+                  );
+                  if (!exists) {
+                    // Create a new option element
+                    const option = document.createElement("option");
+                    // Set the value and text of the option element
+                    option.value = item[0];
+                    option.text = item[0];
+                    // Append the option element to the select element
+                    selectElement.appendChild(option);
+                  }
+                  const optionToSelect = Array.from(selectElement.options).find(
+                    (option) => option.value === item[0]
+                  );
+                  if (optionToSelect) {
+                    optionToSelect.selected = true;
+                  }
+                });
+                if (
+                  appName != null &&
+                  appName !== "" &&
+                  appName !== "undefined"
+                ) {
+                  var selectElements = document.getElementById("app_selector");
+                  selectElements.value = appName;
+                }
+                var app_emails = document.getElementById("app_email");
+                app_emails.value = app_email;
+                // Set checkbox checked if agreeTerms is "1"
+                if (agreeTerms === "1") {
+                  document.getElementById("terms_of_service-old").checked = true;
+                  // Ensure the modal is not triggered
+                }
+                var searchContainer = document.querySelector(".search-container");
+                var searchContainer = document.querySelector(".search-container"); // Ensure the selector is correct
+                if (!searchContainer) {
+                  console.error("searchContainer element not found!");
+                  return; // Exit if the container is missing
+                }
+                bannedWords.forEach(function (value) {
+                  if (value) {
+                    // Ensure value is not empty or falsy
+                    var exists = document.querySelector(
+                      '.selected-wrapper span.selected-label[data-value="' +
+                        value +
+                        '"]'
+                    );
+                    if (!exists) {
+                      // Create new elements only if the value is not empty and doesn't already exist
+                      var newDiv = document.createElement("div");
+                      newDiv.className = "selected-wrapper";
+                      var labelSpan = document.createElement("span");
+                      labelSpan.className = "selected-label";
+                      labelSpan.textContent = value;
+                      labelSpan.setAttribute("data-value", value);
+                      var closeLink = document.createElement("a");
+                      closeLink.className = "selected-close";
+                      closeLink.setAttribute("tabindex", "-1");
+                      closeLink.setAttribute("data-option", value);
+                      closeLink.setAttribute("data-hits", "0");
+                      closeLink.href = "#";
+                      closeLink.textContent = "x";
+                      newDiv.appendChild(labelSpan);
+                      newDiv.appendChild(closeLink);
+                      searchContainer.before(newDiv); // Ensure searchContainer exists before this line
+                    }
+                  }
+                });
+                document
+                  .querySelectorAll(".selected-wrapper")
+                  .forEach((wrapper) => {
+                    const label = wrapper.querySelector(".selected-label");
+                    if (!label.hasAttribute("data-value")) {
+                      wrapper.remove();
+                    }
+                  });
+                // Event listener for the dropdown icon click
+                const dropdownIcon = document.querySelector(".dropdown-icon");
+                if (dropdownIcon) {
+                  dropdownIcon.addEventListener("click", function () {
+                    if (this.classList.contains("active")) {
+                      document
+                        .querySelectorAll(".selected-wrapper .selected-label")
+                        .forEach(function (element) {
+                          var valueToRemove = element.textContent.trim();
+                          document
+                            .querySelectorAll(".autocomplete-list li")
+                            .forEach(function (liElement) {
+                              if (
+                                liElement.textContent.trim() === valueToRemove
+                              ) {
+                                liElement.parentNode.removeChild(liElement);
+                              }
+                            });
+                        });
+                    } else {
+                      console.log("Dropdown icon is not active");
+                    }
+                  });
+                } else {
+                  console.log("Dropdown icon not found");
+                }
               } else {
+                  messageContainer.innerHTML = '<span style="color: red;">Error: Failed to save data</span>';
+                  // Handle error response
+                  alert('Error occurred: ' + xhr.responseText);
+              }
+              const appSettingsformTracker = trackFormChanges('#app_settings_form');
+              window.FormChangeRegistry.register('app_settings', appSettingsformTracker, 'app-settings');
+              document.getElementById('save_ai_app_plugin_settings_data').addEventListener('click', function () {
+                  appSettingsformTracker.reset();
+              });
+          }
+      };
+      xhr.open('POST', myPluginAjax.ajaxurl, true);
+      xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
+      xhr.send('action=ai_app_onsite_get_plugin_settings');
+      ai_app_onsite_get_app_license_key();
+  }
+  /*=============End get plugin setting from db js============================== */
+  /*=============Download terms Of service js=================================== */
+  function ai_app_onsite_download_terms_Of_service() {
+      const { jsPDF } = window.jspdf;
+      const doc = new jsPDF();
+      const termsContent = document.getElementById('terms-conditions-modal-pdf').innerText;
+      const maxWidth = 180; // Maximum width for text in mm
+          const startX = 10; // X-coordinate to start text
+          const startY = 10; // Y-coordinate to start text
+          const lineHeight = 4.5; // Approximate line height in mm
+          const pageHeight = 297; // A4 page height in mm (210x297mm)
+          const marginBottom = 10; // Bottom margin
+          let cursorY = startY; // Track current Y-coordinate
+          // Set font size
+          const fontSize = 12; // Set the font size as desired
+          doc.setFontSize(fontSize);
+          // Split text into lines that fit within the specified max width
+          const lines = doc.splitTextToSize(termsContent, maxWidth);
+          // Add the lines of text to the PDF
+          lines.forEach(line => {
+              if (cursorY + lineHeight > pageHeight - marginBottom) {
+                  // Add new page if the text exceeds the page height
+                  doc.addPage();
+                  cursorY = startY; // Reset cursorY for new page
+              }
+              doc.text(line, startX, cursorY);
+              cursorY += lineHeight * (fontSize / 10); // Adjust cursorY based on font size
+          });
+      doc.save('AIappOniste-terms-of-service.pdf');
+  }
+  /*=============End download terms Of service js=================================== */
+  /*=============Download user stats js=================================== */
+  function ai_app_onsite_download_user_stats(event) {
+      event.preventDefault();
+      // Show loader
+      document.getElementById('loader').style.display = 'flex';
+      var messageContainer = document.getElementById('Plugin-settings-msg-container');
+      // Get the selected month (e.g., from a dropdown or an input)
+      const month = document.getElementById('ai_app_onsite-user-stats').value;
+      var userStatsError = document.getElementById('ai_app_onsite-user-stats-error');
+      userStatsError.textContent = '';
+      var ai_app_onsite_download_user_stats_nonce = myPluginAjax.downloadUserStatsNonce;
+      // Prepare data to send
+     const data = new FormData();
+      data.append('ai_app_onsite_download_user_stats_nonce', ai_app_onsite_download_user_stats_nonce); // Correctly use the nonce variable
+      data.append('action', 'ai_app_onsite_download_user_stats'); // Action name
+      data.append('month', month); // Pass the month value
+      // Make AJAX request
+      fetch(ajaxurl, {
+          method: 'POST',
+          body: data,
+      })
+      .then(response => {
+          if (!response.ok) {
+              throw new Error('Network response was not ok');
+          }
+          return response.text(); // Read response as text
+      })
+      .then(text => {
+          // Hide loader after a delay (e.g., 1 second)
+          setTimeout(() => {
+              document.getElementById('loader').style.display = 'none';
+              // Check if the response indicates failure and no data found
+              if (text.includes('No user statistics found.')) {
+                  // Show error message
+                  userStatsError.textContent = 'No user statistics found.';
+              } else {
+                  // Create a blob from the response text
+                  const blob = new Blob([text], { type: 'text/csv' });
+                  // Create a link element
+                  const url = window.URL.createObjectURL(blob);
+                  const a = document.createElement('a');
+                  a.style.display = 'none';
+                  a.href = url;
+                  a.download = 'AIappOniste_User_Stats.csv';
+                  // Append the link to the body
+                  document.body.appendChild(a);
+                  a.click();
+                  // Remove the link
+                  document.body.removeChild(a);
+                  // Revoke the object URL
+                  window.URL.revokeObjectURL(url);
+                  messageContainer.innerHTML = '<span style="color: green;">User stats downloaded successfully</span>';
+              }
+              setTimeout(function() {
+                  messageContainer.innerHTML = '';
+              }, 3000);
+          }, 2000); // Adjust delay time as needed
+      })
+      .catch(error => {
+          // Hide loader
+          document.getElementById('loader').style.display = 'none';
+          // Show error message
+          document.getElementById('ai_app_onsite-user-stats-error').textContent = 'Error: ' + error.message;
+      });
+  }
+  //upload file js
+  function validateCSVFile(input) {
+      var file = document.getElementById('csv-upload').files[0];
+      var fileError = document.getElementById('fileError');
+      // Check if file is selected
+      if (!file) {
+          fileError.textContent = 'Please select a file.';
+         return;
+      }
+      // Check file type
+      var validExtensions = ['text/csv'];
+      if (!validExtensions.includes(file.type)) {
+          fileError.textContent = 'Please select a valid image file (SVG, PNG, JPG, or GIF).';
+          this.value = ''; // Clear the input field
+          return;
+      }
+      fileError.textContent = ''; // Clear any previous errors
+         uploadCSVFile(file);
+           // Reset input value to allow same file to be selected again
+      input.value = '';
+  }
+  function uploadCSVFile(file) {
+      var formData = new FormData();
+      formData.append('csv-file', file);
+      formData.append('action', 'ai_app_onsite_handle_csv_upload');
+      formData.append('ai_app_onsite_plugin_settings_nonce_csv_upload_field', document.getElementById("ai_app_onsite_plugin_settings_nonce_field").value);
+      var xhr = new XMLHttpRequest();
+      xhr.open('POST', myPluginAjax.ajaxurl, true);
+      xhr.onreadystatechange = function () {
+          if (xhr.readyState === 4) { // Ensure the request is complete
+              if (xhr.status === 200) {
+                  if (xhr.responseText) { // Check if the response text is not empty
+                      try {
+                          var response = JSON.parse(xhr.responseText);
+                          var messageContainer = document.getElementById('Plugin-settings-msg-container');
+                          if (messageContainer) {
+                              if (response.success) {
+                                  messageContainer.innerHTML = '<span style="color: green;">' + response.data + '</span>';
+                              } else {
+                                  messageContainer.innerHTML = '<span style="color: red;">Error: ' + response.error + '</span>';
+                              }
+                               ai_app_onsite_get_plugin_settings();
+                          } else {
+                              console.error('messageContainer element not found');
+                          }
+                      } catch (e) {
+                          console.error('Failed to parse response:', e);
+                          var messageContainer = document.getElementById('messageContainer');
+                          if (messageContainer) {
+                              messageContainer.innerHTML = '<span style="color: red;">Error parsing response</span>';
+                          } else {
+                              console.error('messageContainer element not found');
+                          }
+                      }
+                  } else {
+                      console.error('Empty response');
+                      var messageContainer = document.getElementById('messageContainer');
+                      if (messageContainer) {
+                          messageContainer.innerHTML = '<span style="color: red;">Empty response</span>';
+                      } else {
+                          console.error('messageContainer element not found');
+                      }
+                  }
+              } else {
+                  console.error('Request failed with status:', xhr.status);
+                  var messageContainer = document.getElementById('messageContainer');
+                  if (messageContainer) {
+                      messageContainer.innerHTML = '<span style="color: red;">Error: ' + xhr.status + '</span>';
+                  } else {
+                      console.error('messageContainer element not found');
+                  }
+              }
               // Hide message after 3 seconds
 …
                   messageContainer.innerHTML = '';
               }, 3000);
+          }, 2000);
+          }
+      };
+      xhr.send(formData);
+  }
+  function uploadTermCondition(checkbox) {
+      var terms_of_service = document.getElementById("terms_of_service-old").checked;
+      var terms_of_service_nonce = document.getElementById("ai_app_onsite_plugin_settings_nonce_field").value;
+      var xhr = new XMLHttpRequest(); // Initialize the XMLHttpRequest object
+      xhr.open('POST', myPluginAjax.ajaxurl, true);
+      xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // Set the request header
+      xhr.onreadystatechange = function () {
+          if (xhr.readyState === 4) { // Ensure the request is complete
+              var messageContainer = document.getElementById('Plugin-settings-msg-container') || document.getElementById('messageContainer');
+              if (xhr.status === 200) {
+                  if (xhr.responseText) { // Check if the response text is not empty
+                      try {
+                          var response = JSON.parse(xhr.responseText);
+                          if (messageContainer) {
+                              if (response.success) {
+                                  messageContainer.innerHTML = '<span style="color: green;">' + response.data + '</span>';
+                              } else {
+                                  messageContainer.innerHTML = '<span style="color: red;">Error: ' + response.error + '</span>';
+                              }
+                          } else {
+                              console.error('messageContainer element not found');
+                          }
+                      } catch (e) {
+                          console.error('Failed to parse response:', e);
+                          if (messageContainer) {
+                              messageContainer.innerHTML = '<span style="color: red;">Error parsing response</span>';
+                          } else {
+                              console.error('messageContainer element not found');
+                          }
+                      }
+                  } else {
+                      console.error('Empty response');
+                      if (messageContainer) {
+                          messageContainer.innerHTML = '<span style="color: red;">Empty response</span>';
+                      } else {
+                          console.error('messageContainer element not found');
+                      }
+                  }
+              } else {
+                  console.error('Request failed with status:', xhr.status);
+                  if (messageContainer) {
+                      messageContainer.innerHTML = '<span style="color: red;">Error: ' + xhr.status + '</span>';
+                  } else {
+                      console.error('messageContainer element not found');
+                  }
+              }
+              // Hide message after 3 seconds
+              setTimeout(function() {
+                  if (messageContainer) {
+                      messageContainer.innerHTML = '';
+                  }
+              }, 3000);
+          }
+      };
+      xhr.send('action=ai_app_onsite_get_accept_terms_of_service&terms_of_service=' + terms_of_service+'&ai_app_onsite_plugin_settings_terms_of_service_nonce='+terms_of_service_nonce);
+  }
+  function toggleAppNameSelector() {
+    setTimeout(function() {
+      const app_selector_input_element = document.getElementById("app_selector");
+      const appSelectorLabel           = document.querySelector(".app_selector_input_label");
+      if (app_selector_input_element && app_selector_input_element.value != '') {
+        appSelectorLabel.innerText         = "Edit App Name";
+        app_selector_input_element.classList.remove('border-danger');
+      } else {
+        appSelectorLabel.innerHTML              = 'Create Your First App <span class="text-danger">*</span>';
+        app_selector_input_element.classList.add('border-danger');
+        app_selector_input_element.setAttribute('placeholder', 'Please Enter Your App Name');
+      }
+    }, 2000);
+  }
+  document.addEventListener('DOMContentLoaded', function() {
+      const licenseKeyInfoModal         = document.getElementById("license_key_info_modal");
+      const saveButton                  = document.getElementById("active_ai_app_plugin_license_key");
+      const disableKeyBtn               = document.getElementById("key-disable-btn");
+      const messageContainer            = document.getElementById("app-license-msg-container");
+      const keyInput                    = document.getElementById('licence_key');
+      document.addEventListener('keydown', function(event) {
+          if (event.key === 'Enter') {
+              event.preventDefault();
+          }
+      });
+      const currentStatus = !disableKeyBtn.checked ? 'enabled' : 'disabled';
+      disableKeyBtn.setAttribute('data-original-status', currentStatus);
+      if (licenseKeyInfoModal) {
+        let isHidingModal = false;
+        let lastClickedElement = null;
+        const modalContent = licenseKeyInfoModal.querySelector('.modal-content');
+        const showUnsavedWarning = () => {
+          saveButton?.classList.add("border-danger");
+          messageContainer.innerHTML = '<span style="color: red;">You have unsaved changes, consider saving them.</span>';
+        };
+        const resetModalState = () => {
+          isSwitchChecked = false;
+          messageContainer.innerHTML = "";
+          saveButton?.classList.remove("border-danger");
+        };
+        const handleCancelAction = () => {
+          isHidingModal = true;
+          if (isSwitchChecked) {
+            disableKeyBtn.checked = !disableKeyBtn.checked;
+            ai_app_onsite_disable_license_key();
+          }
+          resetModalState();
+          jQuery(licenseKeyInfoModal).modal('hide');
+          isHidingModal = false;
+        };
+        // Track the last clicked element
+        document.addEventListener('mousedown', (event) => {
+          lastClickedElement = event.target;
+        });
+        // Intercept dismiss logic
+        licenseKeyInfoModal.addEventListener('hide.bs.modal', (event) => {
+          if (isHidingModal) return;
+          const isDismissButton = lastClickedElement?.getAttribute("data-bs-dismiss") === "modal";
+          const isCancelButton = lastClickedElement?.id === "cancel";
+          if (isDismissButton && isCancelButton) {
+            handleCancelAction();
+          } else if (isSwitchChecked && lastClickedElement?.textContent?.trim() && lastClickedElement?.textContent !== "Save") {
+            event.preventDefault();
+            showUnsavedWarning();
+          }
+        });
+      }
+      setTimeout(function() {
+          const app_selector_input_element  = document.getElementById("app_selector");
+          app_selector_input_element.addEventListener("input", function () {
+            if (app_selector_input_element.value.trim() !== "") {
+              app_selector_input_element.classList.remove("border-danger");
+            } else {
+              app_selector_input_element.classList.add("border-danger");
+            }
+          });
+      }, 1000);
+      keyInput.addEventListener("input", function () {
+          if (keyInput.value.trim() !== "") {
+              saveButton?.removeAttribute('disabled');
+          } else {
+              saveButton?.setAttribute('disabled', 'true');
+          }
+      });
+      var button = document.getElementById("accept_ai_app_terms_of_service");
+      button.addEventListener("click", function () {
+        var terms_of_service =
+          document.getElementById("terms_conditions").checked;
+        var terms_of_service_nonce = document.getElementById(
+          "ai_app_onsite_plugin_settings_nonce_field"
+        ).value;
+        var xhr = new XMLHttpRequest(); // Initialize the XMLHttpRequest object
+        xhr.open("POST", myPluginAjax.ajaxurl, true);
+        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // Set the request header
+        var loader = document.getElementById("loader");
+        loader.style.display = "flex";
+        xhr.onreadystatechange = function () {
+          if (xhr.readyState === 4) {
+            // Ensure the request is complete
+            var messageContainer =
+              document.getElementById("Plugin-settings-msg-container") ||
+              document.getElementById("messageContainer");
+            if (xhr.status === 200) {
+              if (xhr.responseText) {
+                // Check if the response text is not empty
+                try {
+                  var response = JSON.parse(xhr.responseText);
+                  if (messageContainer) {
+                    if (response.success) {
+                      if (isPluginSaveTriggered) {
+                        setTimeout(function () {
+                          ai_app_onsite_save_plugin_settings();
+                        }, 1000);
+                      } else {
+                        loader.style.display = "none";
+                        messageContainer.innerHTML =
+                          '<span style="color: green;">' +
+                          response.data +
+                          "</span>";
+                      }
+                    } else {
+                      loader.style.display = "none";
+                      messageContainer.innerHTML =
+                        '<span style="color: red;">Error: ' +
+                        response.error +
+                        "</span>";
+                    }
+                  } else {
+                    loader.style.display = "none";
+                    console.error("messageContainer element not found");
+                  }
+                } catch (e) {
+                  loader.style.display = "none";
+                  console.error("Failed to parse response:", e);
+                  if (messageContainer) {
+                    messageContainer.innerHTML =
+                      '<span style="color: red;">Error parsing response</span>';
+                  } else {
+                    console.error("messageContainer element not found");
+                  }
+                }
+              } else {
+                loader.style.display = "none";
+                console.error("Empty response");
+                if (messageContainer) {
+                  messageContainer.innerHTML =
+                    '<span style="color: red;">Empty response</span>';
+                } else {
+                  console.error("messageContainer element not found");
+                }
+              }
+            } else {
+              loader.style.display = "none";
+              console.error("Request failed with status:", xhr.status);
+              if (messageContainer) {
+                messageContainer.innerHTML =
+                  '<span style="color: red;">Error: ' + xhr.status + "</span>";
+              } else {
+                console.error("messageContainer element not found");
+              }
+            }
+            // Hide message after 3 seconds
+            setTimeout(function () {
+              if (messageContainer) {
+                messageContainer.innerHTML = "";
+              }
+            }, 3000);
+          }
+        };
+        xhr.send(
+          "action=ai_app_onsite_get_accept_terms_of_service&terms_of_service=" +
+            terms_of_service +
+            "&ai_app_onsite_plugin_settings_terms_of_service_nonce=" +
+            terms_of_service_nonce
+        );
+      });
+      ai_app_onsite_get_plugin_settings();
+      var licenseKeychange = document.getElementById('licence_key')
+      if (licenseKeychange) {
+          licenseKeychange.onchange = handleInputChange;
+      }
+  });
+  /*=============End download user stats js=================================== */
+  // LICENSE SETTING
+  const keyNote              = document.getElementById('key_note');
+  const licenseStatus        = document.getElementById('license_status');
+  const loader               = document.getElementById('loader');
+  const statusElem           = document.getElementById('license_key_status');
+  const messageContainer     = document.getElementById('app-license-msg-container');
+  const keyInput             = document.getElementById('licence_key');
+  const keyInputHd           = document.getElementById('licence_key_hidden');
+  const expiryElem           = document.getElementById('license_key_expiry_date');
+  const keyDisableStatusElem = document.getElementById('license_key_disabled_status');
+  const removeBtn            = document.getElementById('remove_ai_app_plugin_license_key');
+  const expiryStatus         = document.getElementById('expiry_status');
+  const keyStatus            = document.getElementById('key_status');
+  const disableKeyBtn        = document.getElementById("key-disable-btn");
+  const licenseTextSwitch    = document.getElementById('license-text-switch');
+  function handleInputChange() {
+    if (keyInput.value) {
+      keyInputHd.value = keyInput.value;
+      ai_app_onsite_app_verify_license_key();
+    }
+  }
+  // Initial state
+  setUIState('default');
+  //====================
+  // Helper Functions
+  //====================
+  function formatDate(dateString) {
+      return new Date(dateString).toLocaleDateString('en-US', {
+          year: 'numeric',
+          month: 'long',
+          day: 'numeric',
+      });
+  }
+  function ai_app_onsite_disable_license_key() {
+      // Enable or diabled License key status
+      const switch_status = disableKeyBtn.checked;
+      if(switch_status){
+          licenseTextSwitch.textContent = 'Enabled';
+          licenseTextSwitch.style.color = 'green';
+          isSwitchChecked = true; // Mark as toggled
+      } else {
+          licenseTextSwitch.textContent = 'Disabled';
+          licenseTextSwitch.style.color = 'red';
+          isSwitchChecked = true; // Mark as toggled
+      }
+  }
+  function setUIState(state, data = {}) {
+      switch (state) {
+          case 'active':
+          case 'inactive':
+              const isActive = state === 'active';
+              keyInput.disabled = true;
+              licenseStatus.style.display = 'block';
+              expiryStatus.style.display = 'block';
+              keyStatus.style.display = 'block';
+              statusElem.textContent = isActive ? 'ACTIVE' : 'EXPIRED';
+              statusElem.style.color = isActive ? 'green' : 'red';
+              keyNote.style.display = 'none';
+              removeBtn.classList.toggle('d-flex', true);
+              removeBtn.disabled = false;
+              expiryElem.textContent = formatDate(data.expiry);
+              keyDisableStatusElem.textContent = data.key_disable_status == 'false' ? 'Enabled' : 'Disabled';
+              keyDisableStatusElem.style.color = data.key_disable_status == 'false' ? 'green' : 'red';
+              disableKeyBtn.disabled = false;
+              disableKeyBtn.checked = data.key_disable_status == 'false';
+              licenseTextSwitch.textContent = data.key_disable_status == 'false' ? 'Enabled' : 'Disabled';
+              licenseTextSwitch.style.color = data.key_disable_status == 'false' ? 'green' : 'red';
+              break;
+          case 'default':
+          default:
+              keyInput.disabled = false;
+              keyInput.value = '';
+              keyInputHd.value = '';
+              licenseStatus.style.display = 'none';
+              expiryStatus.style.display = 'none';
+              keyStatus.style.display = 'none';
+              keyNote.style.display = 'block';
+              removeBtn.classList.toggle('d-flex', true);
+              removeBtn.disabled = true;
+              expiryElem.textContent = '';
+              keyDisableStatusElem.textContent = '';
+              disableKeyBtn.checked = false;
+              disableKeyBtn.disabled = true;
+              licenseTextSwitch.textContent = 'Disabled';
+              licenseTextSwitch.style.color = 'red';
+              break;
+      }
+  }
+  function sendAjax(action, onSuccess) {
+      const xhr = new XMLHttpRequest();
+      xhr.open('POST', myPluginAjax.ajaxurl, true);
+      xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
+      xhr.onreadystatechange = () => {
+          if (xhr.readyState !== 4) return;
+          if (xhr.status === 200) {
+              try {
+                  const response = JSON.parse(xhr.responseText);
+                  onSuccess(response);
+              } catch (err) {
+                  console.error('Invalid JSON response:', err);
+                  alert('Unexpected response from server.');
+              }
+          } else {
+              alert(`Error: ${xhr.status} ${xhr.statusText}`);
+          }
+          const licenseFormTracker = trackFormChanges('#license-validation-form');
+          window.FormChangeRegistry.register('license_settings', licenseFormTracker, 'app-settings');
+          document.getElementById('active_ai_app_plugin_license_key').addEventListener('click', function () {
+              licenseFormTracker.reset();
+          });
+      };
+      xhr.send(`action=${encodeURIComponent(action)}`);
+  }
+  //====================
+  // Fetch License Key
+  //====================
+  function ai_app_onsite_get_app_license_key() {
+      const saveButton = document.getElementById("active_ai_app_plugin_license_key");
+      sendAjax('ai_app_onsite_get_app_license_key', (response) => {
+          if (response.status === '404') {
+              saveButton?.setAttribute('disabled', 'true');
+              return;
+          }
+          const { license_key, license_key_hd, key_status, subscription_expiry_date, key_disable_status } = response[0] || {};
+          keyInput.value = license_key || '';
+          keyInputHd.value = license_key_hd || '';
+          if (key_status === 'ACTIVE') {
+              saveButton?.removeAttribute('disabled');
+              setUIState('active', { expiry: subscription_expiry_date, key_disable_status: key_disable_status });
+          } else if (key_status === 'INACTIVE' && license_key) {
+              saveButton?.removeAttribute('disabled');
+              setUIState('inactive', { expiry: subscription_expiry_date, key_disable_status: key_disable_status });
+          } else {
+              saveButton?.setAttribute('disabled', 'true');
+              setUIState('default');
+          }
+          toggleAppNameSelector();
+      });
+  }
+  //====================
+  // Remove License Key
+  //====================
+  function ai_app_onsite_app_remove_license_key() {
+      if (confirm("Warning: Removing the premium access key may cause your existing app to lose functionality. All PLUS features will be disabled within 24 hours. Are you sure you want to proceed?")) {
+          loader.style.display = 'flex';
+          sendAjax('ai_app_onsite_app_remove_license_key', (response) => {
+              loader.style.display = 'none';
+              location.reload(true);
+              setUIState('default');
+          });
+      }
+  }
+  //====================
+  // Disable/Enable License Key
+  //====================
+  function ai_app_onsite_app_toggle_license_key_status(status) {
+      loader.style.display = 'flex';
+      const xhr = new XMLHttpRequest();
+          xhr.open('POST', myPluginAjax.ajaxurl, true);
+          xhr.onreadystatechange = () => {
+              loader.style.display = 'none';
+              if (xhr.readyState !== 4) return;
+              if (xhr.status === 200) {
+                  try {
+                      const response = JSON.parse(xhr.responseText);
+                  } catch (err) {
+                      console.error('Invalid JSON response:', err);
+                  }
+              } else {
+                  alert(`Error: ${xhr.status} ${xhr.statusText}`);
+              }
+          };
+          const formData = new FormData();
+          formData.append('action', 'ai_app_onsite_app_toggle_license_key_status');
+          formData.append('status', status);
+          xhr.send(formData);
+  }
+  //========[ Validate & Save License Key ]========//
+function ai_app_onsite_app_verify_license_key(close_modal =  false) {
+      const loader = document.getElementById('loader');
+      const saveButton                  = document.getElementById("active_ai_app_plugin_license_key");
+      let licenceKey = document.getElementById('licence_key').value.trim();
+      const licenceKeyHidden = document.getElementById('licence_key_hidden').value.trim();
+      if (licenceKeyHidden && licenceKeyHidden.trim() !== '') {
+          licenceKey = licenceKeyHidden;
+      }
+      const status = !disableKeyBtn.checked ? 'true' : 'false';
+      const nonce = document.getElementById("ai_app_onsite_app_verify_license_key_nonce_field").value;
+      // Clear error messages
+      document.querySelectorAll('.fields-error').forEach(el => el.textContent = '');
+      loader.style.display = 'flex';
+      const xhr = new XMLHttpRequest();
+      xhr.open('POST', myPluginAjax.ajaxurl, true);
+      xhr.onreadystatechange = () => {
+          if (xhr.readyState !== 4) return;
+        setTimeout(function () {
+          loader.style.display = 'none';
+          let response;
+          try {
+              response = JSON.parse(xhr.responseText);
+          } catch (e) {
+              messageContainer.innerHTML = `<span style="color: red;">Invalid server response</span>`;
+              return;
+          }
+          if (xhr.status === 200) {
+              if (response.success) {
+                  saveButton?.classList.remove("border-danger");
+                  ai_app_onsite_get_app_license_key();
+                  messageContainer.innerHTML = `<span style="color: green;">${response.data}</span>`;
+                  close_modal = true;
+              } else {
+                close_modal = false;
+                messageContainer.innerHTML = `<span style="color: red;">Error: ${response.data}</span>`;
+              }
+          } else {
+            close_modal = false;
+            messageContainer.innerHTML = `<span style="color: red;">Error: Failed to verify data</span>`;
+          }
+          setTimeout(function () {
+            if(close_modal){
+                var modal = document.getElementById("license_key_info_modal");
+                jQuery(modal).modal("hide");
+                location.reload(true);
+                messageContainer.innerHTML = "";
+            }
+          }, 3000);
+        }, 2000);
+      };
+      const formData = new FormData();
+      formData.append('action', 'ai_app_onsite_app_verify_license_key');
+      formData.append('licence_key', licenceKey);
+      formData.append('status', status);
+      formData.append('ai_app_onsite_app_verify_license_key_nonce_field', nonce);
+      xhr.send(formData);
+  }
+  window.FormChangeRegistry = {
+      trackers: {},
+      tabMap: {},
+      register: function (key, tracker, tabKey) {
+          this.trackers[key] = tracker;
+          if (tabKey) {
+              if (!this.tabMap[tabKey]) this.tabMap[tabKey] = [];
+              this.tabMap[tabKey].push(key);
+          }
+      },
+      isAnyDirty: function () {
+          return Object.values(this.trackers).some(t => t.hasUnsavedChanges());
+      },
+      isTabDirty: function (tabKey) {
+          const tabKeys = this.tabMap[tabKey] || [];
+          return tabKeys.some(key => this.trackers[key]?.hasUnsavedChanges());
+      },
+      resetTab: function (tabKey) {
+          const tabKeys = this.tabMap[tabKey] || [];
+          tabKeys.forEach(key => this.trackers[key]?.reset());
+      }
   };
+  xhr.open('POST', myPluginAjax.ajaxurl, true);
+  console.log(document.getElementById("app_email").value);
+  var formData = new FormData();
+    formData.append('action', 'ai_app_onsite_save_plugin_settings');
+    formData.append('terms_of_service', document.getElementById("terms_of_service-old") ? document.getElementById("terms_of_service-old").checked : false);
+    formData.append('app_selector', document.getElementById("app_selector") ? document.getElementById("app_selector").value : "");
+    formData.append('app_email', document.getElementById("app_email") ? document.getElementById("app_email").value : "");
+    // Gather selected banned words
+    var bannedWordsSelect = document.querySelector('[data-multi-select-plugin]');
+    var selectedOptions = bannedWordsSelect.selectedOptions;
+    var banned_words = [];
+    let selectedLabels = document.querySelectorAll('.selected-wrapper .selected-label');
+      // Loop through each of the selected labels
+    selectedLabels.forEach(function(label) {
+        banned_words.push(label.textContent);
+    });
+// Append each banned word to the formData object
+    for (var j = 0; j < banned_words.length; j++) {
+        formData.append('banned_words[]', banned_words[j]);
+    }
+    // Append the CSV file
+    const fileInput = document.getElementById('csv-upload');
+    if (fileInput.files.length > 0) {
+        const file = fileInput.files[0];
+        formData.append('csv-file', file);
+    }
+    // Append nonce field value
+    formData.append('ai_app_onsite_plugin_settings_nonce_field', document.getElementById("ai_app_onsite_plugin_settings_nonce_field").value);
+  xhr.send(formData);
+}
+//=======================End save plugin settings js===========================
+//Start get plugin setting from db js
+function ai_app_onsite_get_plugin_settings() {
+    var xhr = new XMLHttpRequest();
+    xhr.onreadystatechange = function() {
+        if (xhr.readyState === 4) {
+            if (xhr.status === 200) {
+                    // Handle success response
+                    var response = JSON.parse(xhr.responseText);
+                  if(response.status === '404'){
+                    //jQuery('#terms_conditions_modal').modal('show');
+                    const modalElement = document.getElementById('terms_conditions_modal');
+                    const modalInstance = new bootstrap.Modal(modalElement);
+                    modalInstance.show();
+                    return;
+                  }
+                    // Accessing the first object in the array
+                    var firstObject = response[0];
+                    // Accessing properties of the first object
+                    var id             = firstObject.id;
+                    var agreeTerms     = firstObject.agree_terms;
+                    var appSelector    = firstObject.app_selector;
+                    var userStats      = firstObject.user_stats;
+                    var bannedWords    = firstObject.banned_words;
+                    var bannedWordsCSV = firstObject.banned_words_csv;
+                    var appName        = firstObject.appName;
+                    const selectElement = document.getElementById('bannedWords');
+                    var app_email = firstObject.app_email;
+                   // Assume selectElement is already defined as your target select element
+                   bannedWordsCSV.forEach(item => {
+                       // Check if an option with the same value already exists
+                       const exists = Array.from(selectElement.options).some(option => option.value === item[0]);
+                       if (!exists) {
+                           // Create a new option element
+                           const option = document.createElement('option');
+                           // Set the value and text of the option element
+                           option.value = item[0];
+                           option.text = item[0];
+                           // Append the option element to the select element
+                           selectElement.appendChild(option);
+                       }
+                   });
+                    if (appName != null && appName !== '' && appName !== 'undefined') {
+                        var selectElements = document.getElementById('app_selector');
+                        selectElements.value = appName;
+                    }
+                    var app_emails = document.getElementById('app_email');
+                        app_emails.value = app_email;
+                    // Set checkbox checked if agreeTerms is "1"
+                    if (agreeTerms === "1") {
+                        document.getElementById('terms_of_service-old').checked = true;
+                        // Ensure the modal is not triggered
+                    } else {
+                        // Show the modal if terms are not agreed to
+                        const modalElement = document.getElementById('terms_conditions_modal');
+                        const modalInstance = new bootstrap.Modal(modalElement);
+                        modalInstance.show();
+                    }
+                    var searchContainer = document.querySelector('.search-container');
+                    console.log('bannedWords', bannedWords);
+//
+                // document.addEventListener('DOMContentLoaded', function() {
+                     var searchContainer = document.querySelector('.search-container'); // Ensure the selector is correct
+                     if (!searchContainer) {
+                         console.error('searchContainer element not found!');
+                         return; // Exit if the container is missing
+                     }
+                     bannedWords.forEach(function(value) {
+                         console.log('value', value);
+                         if (value) { // Ensure value is not empty or falsy
+                             var exists = document.querySelector('.selected-wrapper span.selected-label[data-value="' + value + '"]');
+                             if (!exists) {
+                                 // Create new elements only if the value is not empty and doesn't already exist
+                                 var newDiv = document.createElement('div');
+                                 newDiv.className = 'selected-wrapper';
+                                 var labelSpan = document.createElement('span');
+                                 labelSpan.className = 'selected-label';
+                                 labelSpan.textContent = value;
+                                 labelSpan.setAttribute('data-value', value);
+                                 var closeLink = document.createElement('a');
+                                 closeLink.className = 'selected-close';
+                                 closeLink.setAttribute('tabindex', '-1');
+                                 closeLink.setAttribute('data-option', value);
+                                 closeLink.setAttribute('data-hits', '0');
+                                 closeLink.href = '#';
+                                 closeLink.textContent = 'x';
+                                 newDiv.appendChild(labelSpan);
+                                 newDiv.appendChild(closeLink);
+                                 searchContainer.before(newDiv); // Ensure searchContainer exists before this line
+                             }
+                         }
+                     });
+                // });
+                document.querySelectorAll('.selected-wrapper').forEach(wrapper => {
+                   const label = wrapper.querySelector('.selected-label');
+                   if (!label.hasAttribute('data-value')) {
+                       wrapper.remove();
+                   }
+                });
+                    // Event listener for the dropdown icon click
+                const dropdownIcon = document.querySelector('.dropdown-icon');
+                    if (dropdownIcon) {
+                        dropdownIcon.addEventListener('click', function() {
+                           console.log('Dropdown icon clicked');
+                           if (this.classList.contains('active')) {
+                               console.log('Dropdown icon is active');
+                               document.querySelectorAll('.selected-wrapper .selected-label').forEach(function(element) {
+                                   var valueToRemove = element.textContent.trim();
+                                   console.log('Removing:', valueToRemove);
+                                   document.querySelectorAll('.autocomplete-list li').forEach(function(liElement) {
+                                       if (liElement.textContent.trim() === valueToRemove) {
+                                           console.log('Found and removing li:', liElement.textContent.trim());
+                                           liElement.parentNode.removeChild(liElement);
+                                       }
+                                   });
+                               });
+                           } else {
+                               console.log('Dropdown icon is not active');
+                           }
+                       });
+                   } else {
+                       console.log('Dropdown icon not found');
+                   }
+            } else {
+                // Handle error response
+                alert('Error occurred: ' + xhr.responseText);
+            }
+        }
+    };
+    xhr.open('POST', myPluginAjax.ajaxurl, true);
+    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
+    xhr.send('action=ai_app_onsite_get_plugin_settings');
+}
+ai_app_onsite_get_plugin_settings();
+/*=============End get plugin setting from db js============================== */
+/*=============Download terms Of service js=================================== */
+function ai_app_onsite_download_terms_Of_service() {
+    const { jsPDF } = window.jspdf;
+    const doc = new jsPDF();
+    const termsContent = document.getElementById('terms-conditions-modal-pdf').innerText;
+    const maxWidth = 180; // Maximum width for text in mm
+        const startX = 10; // X-coordinate to start text
+        const startY = 10; // Y-coordinate to start text
+        const lineHeight = 4.5; // Approximate line height in mm
+        const pageHeight = 297; // A4 page height in mm (210x297mm)
+        const marginBottom = 10; // Bottom margin
+        let cursorY = startY; // Track current Y-coordinate
+        // Set font size
+        const fontSize = 12; // Set the font size as desired
+        doc.setFontSize(fontSize);
+        // Split text into lines that fit within the specified max width
+        const lines = doc.splitTextToSize(termsContent, maxWidth);
+        // Add the lines of text to the PDF
+        lines.forEach(line => {
+            if (cursorY + lineHeight > pageHeight - marginBottom) {
+                // Add new page if the text exceeds the page height
+                doc.addPage();
+                cursorY = startY; // Reset cursorY for new page
+            }
+            doc.text(line, startX, cursorY);
+            cursorY += lineHeight * (fontSize / 10); // Adjust cursorY based on font size
+        });
+    doc.save('AIappOniste-terms-of-service.pdf');
+}
+/*=============End download terms Of service js=================================== */
+/*=============Download user stats js=================================== */
+function ai_app_onsite_download_user_stats(event) {
+    event.preventDefault();
+    // Show loader
+    document.getElementById('loader').style.display = 'flex';
+    var messageContainer = document.getElementById('Plugin-settings-msg-container');
+    // Get the selected month (e.g., from a dropdown or an input)
+    const month = document.getElementById('ai_app_onsite-user-stats').value;
+    var userStatsError = document.getElementById('ai_app_onsite-user-stats-error');
+    userStatsError.textContent = '';
+    var ai_app_onsite_download_user_stats_nonce = myPluginAjax.downloadUserStatsNonce;
+    // Prepare data to send
+   const data = new FormData();
+    data.append('ai_app_onsite_download_user_stats_nonce', ai_app_onsite_download_user_stats_nonce); // Correctly use the nonce variable
+    data.append('action', 'ai_app_onsite_download_user_stats'); // Action name
+    data.append('month', month); // Pass the month value
+    // Make AJAX request
+    fetch(ajaxurl, {
+        method: 'POST',
+        body: data,
+    })
+    .then(response => {
+        if (!response.ok) {
+            throw new Error('Network response was not ok');
+        }
+        return response.text(); // Read response as text
+    })
+    .then(text => {
+        // Hide loader after a delay (e.g., 1 second)
+        setTimeout(() => {
+            document.getElementById('loader').style.display = 'none';
+            // Check if the response indicates failure and no data found
+            if (text.includes('No user statistics found.')) {
+                // Show error message
+                userStatsError.textContent = 'No user statistics found.';
+            } else {
+                // Create a blob from the response text
+                const blob = new Blob([text], { type: 'text/csv' });
+                // Create a link element
+                const url = window.URL.createObjectURL(blob);
+                const a = document.createElement('a');
+                a.style.display = 'none';
+                a.href = url;
+                a.download = 'AIappOniste_User_Stats.csv';
+                // Append the link to the body
+                document.body.appendChild(a);
+                a.click();
+                // Remove the link
+                document.body.removeChild(a);
+                // Revoke the object URL
+                window.URL.revokeObjectURL(url);
+                console.log('User stats downloaded successfully');
+                messageContainer.innerHTML = '<span style="color: green;">User stats downloaded successfully</span>';
+            }
+            setTimeout(function() {
+                messageContainer.innerHTML = '';
+            }, 3000);
+        }, 2000); // Adjust delay time as needed
+    })
+    .catch(error => {
+        // Hide loader
+        document.getElementById('loader').style.display = 'none';
+        // Show error message
+        document.getElementById('ai_app_onsite-user-stats-error').textContent = 'Error: ' + error.message;
+    });
+}
+// Function to clear error message when month selection is changed
+// document.getElementById('ai_app_onsite-user-stats').addEventListener('change', function() {
+//     document.getElementById('ai_app_onsite-user-stats-error').textContent = '';
+// });
+//upload file js
+function validateCSVFile(input) {
+    var file = document.getElementById('csv-upload').files[0];
+    var fileError = document.getElementById('fileError');
+    // Check if file is selected
+    if (!file) {
+        fileError.textContent = 'Please select a file.';
+       return;
+    }
+    // Check file type
+    var validExtensions = ['text/csv'];
+    if (!validExtensions.includes(file.type)) {
+        fileError.textContent = 'Please select a valid image file (SVG, PNG, JPG, or GIF).';
+        this.value = ''; // Clear the input field
+  let pendingTabSwitch = null;
+  let currentTab = null;
+  document.querySelectorAll('.plugin-tab').forEach(tab => {
+      tab.addEventListener('click', function (e) {
+          e.preventDefault();
+          const targetTabId = this.getAttribute('data-tab-id');
+          const targetTab = this.getAttribute('data-form-tab');
+          const activeTab = document.querySelector('.plugin-tab.nav-tab-active')?.getAttribute('data-form-tab');
+          // window.FormChangeRegistry.trackers[activeTab]?.deactivate();
+          // window.FormChangeRegistry.trackers[targetTab]?.activate();
+          if (activeTab && window.FormChangeRegistry.isTabDirty(activeTab)) {
+              pendingTabSwitch = targetTab;
+              currentTab = activeTab;
+              // Store targetTabId to proceed later
+              window._deferredTabClick = targetTabId;
+              const modal = new bootstrap.Modal(document.getElementById('unsavedChangesModal'));
+              modal.show();
+          } else {
+              handleTabClick(targetTabId);
+          }
+      });
+  });
+  document.querySelectorAll('.dismiss-unsaved-modal').forEach(button => {
+      button.addEventListener('click', function () {
+          const modalElement = document.getElementById('unsavedChangesModal');
+          const modalInstance = bootstrap.Modal.getInstance(modalElement);
+          if (modalInstance) {
+              modalInstance.hide();
+              setTimeout(() => {
+                  if (!document.querySelector('.modal.show')) {
+                      document.querySelectorAll('.modal-backdrop').forEach(el => el.remove());
+                      document.body.classList.remove('modal-open');
+                      document.body.style.overflow = '';
+                  }
+                  window.FormChangeRegistry.resetTab(currentTab);
+                  if (window._deferredTabClick) {
+                      handleTabClick(window._deferredTabClick);
+                      window._deferredTabClick = null;
+                      currentTab = null;
+                      pendingTabSwitch = null;
+                  }
+              }, 400);
+          }
+      });
+  });
+  document.querySelectorAll('.save-changes-modal').forEach(button => {
+      button.addEventListener('click', function () {
+          const modalElement = document.getElementById('unsavedChangesModal');
+          const modalInstance = bootstrap.Modal.getInstance(modalElement);
+          if (modalInstance) {
+              switch (currentTab) {
+                  case 'app-settings':
+                      ai_app_onsite_save_plugin_settings();
+                      break;
+                  case 'app-details':
+                      ai_app_onsite_save_app_properties();
+                      break;
+                  case 'model-settings':
+                      ai_app_onsite_save_model_settings();
+                      break;
+                  case 'field-selector':
+                      ai_app_onsite_save_ai_app_fieldselector_data();
+                      break;
+                  case 'prompt-editor':
+                      ai_app_onsite_save_prompt_editor();
+                      break;
+                  case 'app-preview':
+                      ai_app_onsite_update_style_properties_only();
+                      break;
+                  default:
+                      console.warn('No matching save method for the current tab:', currentTab);
+              }
+              modalInstance.hide();
+              setTimeout(() => {
+                  if (!document.querySelector('.modal.show')) {
+                      document.querySelectorAll('.modal-backdrop').forEach(el => el.remove());
+                      document.body.classList.remove('modal-open');
+                      document.body.style.overflow = '';
+                  }
+                  window.FormChangeRegistry.resetTab(currentTab);
+                  if (window._deferredTabClick) {
+                      handleTabClick(window._deferredTabClick);
+                      window._deferredTabClick = null;
+                      currentTab = null;
+                      pendingTabSwitch = null;
+                  }
+              }, 400);
+          }
+      });
+  });
+  function activatePluginTab(tabName) {
+      document.querySelectorAll('.plugin-tab-content').forEach(el => el.classList.add('d-none'));
+      document.getElementById(`tab-content-${tabName}`)?.classList.remove('d-none');
+      document.querySelectorAll('.plugin-tab').forEach(el => el.classList.remove('nav-tab-active'));
+      document.querySelector(`.plugin-tab[data-form-tab="${tabName}"]`)?.classList.add('nav-tab-active');
+  }
+  // Tracker Utility
+  function trackFormChanges(formSelector, options = {}) {
+      const form = typeof formSelector === 'string' ? document.querySelector(formSelector) : formSelector;
+      if (!form) return;
+      const config = {
+          warnOnLeave: false,
+          customWarningMessage: 'You have unsaved changes.',
+          onChange: null,
+          ...options,
+      };
+      let initialState = {};
+      let isDirty = false;
+      const getFieldValue = (field) => {
+          if (field.type === 'color') return;
+          if (field.type === 'radio') {
+              const selected = document.querySelector(`input[name="${field.name}"]:checked`);
+              return selected ? selected.value : '';
+          }
+          if (field.type === 'checkbox') {
+              return field.checked;
+          }
+          if (field.type === 'file') {
+              return Array.from(field.files).map(file => file.name).join(',') || '';
+          }
+          if (field.tagName === 'TEXTAREA') {
+              return field.value.trim();
+          }
+          if (field.tagName === 'SELECT') {
+              if (field.multiple) {
+                  return Array.from(field.selectedOptions).map(option => option.value).join(',');
+              }
+              return field.value;
+          }
+          return field.value.trim();
+      };
+      const getCurrentFormState = () => {
+          const state = {};
+          form.querySelectorAll('input, textarea, select').forEach(field => {
+              if (field.name) {
+                  const value = getFieldValue(field);
+                  if (value !== undefined) {
+                      state[field.name] = value;
+                  }
+              }
+          });
+          return state;
+      };
+      const captureInitialState = () => {
+          initialState = getCurrentFormState();
+      };
+      const hasChanged = () => {
+          const currentState = getCurrentFormState();
+        return;
+    }
+    fileError.textContent = ''; // Clear any previous errors
+       uploadCSVFile(file);
+         // Reset input value to allow same file to be selected again
+    input.value = '';
+}
+function uploadCSVFile(file) {
+    var formData = new FormData();
+    formData.append('csv-file', file);
+    formData.append('action', 'ai_app_onsite_handle_csv_upload');
+    formData.append('ai_app_onsite_plugin_settings_nonce_csv_upload_field', document.getElementById("ai_app_onsite_plugin_settings_nonce_field").value);
+    var xhr = new XMLHttpRequest();
+    xhr.open('POST', myPluginAjax.ajaxurl, true);
+    xhr.onreadystatechange = function () {
+        if (xhr.readyState === 4) { // Ensure the request is complete
+            if (xhr.status === 200) {
+                console.log('Response Text:', xhr.responseText); // Log the raw response text
+                if (xhr.responseText) { // Check if the response text is not empty
+                    try {
+                        var response = JSON.parse(xhr.responseText);
+                        var messageContainer = document.getElementById('Plugin-settings-msg-container');
+                        if (messageContainer) {
+                            if (response.success) {
+                                messageContainer.innerHTML = '<span style="color: green;">' + response.data + '</span>';
+                            } else {
+                                messageContainer.innerHTML = '<span style="color: red;">Error: ' + response.error + '</span>';
+                            }
+                             ai_app_onsite_get_plugin_settings();
+                        } else {
+                            console.error('messageContainer element not found');
+                        }
+                    } catch (e) {
+                        console.error('Failed to parse response:', e);
+                        var messageContainer = document.getElementById('messageContainer');
+                        if (messageContainer) {
+                            messageContainer.innerHTML = '<span style="color: red;">Error parsing response</span>';
+                        } else {
+                            console.error('messageContainer element not found');
+                        }
+                    }
+                } else {
+                    console.error('Empty response');
+                    var messageContainer = document.getElementById('messageContainer');
+                    if (messageContainer) {
+                        messageContainer.innerHTML = '<span style="color: red;">Empty response</span>';
+                    } else {
+                        console.error('messageContainer element not found');
+                    }
+                }
+            } else {
+                console.error('Request failed with status:', xhr.status);
+                var messageContainer = document.getElementById('messageContainer');
+                if (messageContainer) {
+                    messageContainer.innerHTML = '<span style="color: red;">Error: ' + xhr.status + '</span>';
+                } else {
+                    console.error('messageContainer element not found');
+                }
+            }
+            // Hide message after 3 seconds
+            setTimeout(function() {
+                messageContainer.innerHTML = '';
+            }, 3000);
+        }
+    };
+    xhr.send(formData);
+}
+function uploadTermCondition(checkbox) {
+    var terms_of_service = document.getElementById("terms_of_service-old").checked;
+    var terms_of_service_nonce = document.getElementById("ai_app_onsite_plugin_settings_nonce_field").value;
+    var xhr = new XMLHttpRequest(); // Initialize the XMLHttpRequest object
+    xhr.open('POST', myPluginAjax.ajaxurl, true);
+    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // Set the request header
+    xhr.onreadystatechange = function () {
+        if (xhr.readyState === 4) { // Ensure the request is complete
+            var messageContainer = document.getElementById('Plugin-settings-msg-container') || document.getElementById('messageContainer');
+            if (xhr.status === 200) {
+                console.log('Response Text:', xhr.responseText); // Log the raw response text
+                if (xhr.responseText) { // Check if the response text is not empty
+                    try {
+                        var response = JSON.parse(xhr.responseText);
+                        if (messageContainer) {
+                            if (response.success) {
+                                messageContainer.innerHTML = '<span style="color: green;">' + response.data + '</span>';
+                            } else {
+                                messageContainer.innerHTML = '<span style="color: red;">Error: ' + response.error + '</span>';
+                            }
+                        } else {
+                            console.error('messageContainer element not found');
+                        }
+                    } catch (e) {
+                        console.error('Failed to parse response:', e);
+                        if (messageContainer) {
+                            messageContainer.innerHTML = '<span style="color: red;">Error parsing response</span>';
+                        } else {
+                            console.error('messageContainer element not found');
+                        }
+                    }
+                } else {
+                    console.error('Empty response');
+                    if (messageContainer) {
+                        messageContainer.innerHTML = '<span style="color: red;">Empty response</span>';
+                    } else {
+                        console.error('messageContainer element not found');
+                    }
+                }
+            } else {
+                console.error('Request failed with status:', xhr.status);
+                if (messageContainer) {
+                    messageContainer.innerHTML = '<span style="color: red;">Error: ' + xhr.status + '</span>';
+                } else {
+                    console.error('messageContainer element not found');
+                }
+            }
+            // Hide message after 3 seconds
+            setTimeout(function() {
+                if (messageContainer) {
+                    messageContainer.innerHTML = '';
+                }
+            }, 3000);
+        }
+    };
+    xhr.send('action=ai_app_onsite_get_accept_terms_of_service&terms_of_service=' + terms_of_service+'&ai_app_onsite_plugin_settings_terms_of_service_nonce='+terms_of_service_nonce);
+}
+document.addEventListener('DOMContentLoaded', function() {
+   var button = document.getElementById('accept_ai_app_terms_of_service');
+   button.addEventListener('click', function() {
+        var terms_of_service = document.getElementById("terms_conditions").checked;
+         var terms_of_service_nonce = document.getElementById("ai_app_onsite_plugin_settings_nonce_field").value;
+        var xhr = new XMLHttpRequest(); // Initialize the XMLHttpRequest object
+        xhr.open('POST', myPluginAjax.ajaxurl, true);
+        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // Set the request header
+        xhr.onreadystatechange = function () {
+            if (xhr.readyState === 4) { // Ensure the request is complete
+                var messageContainer = document.getElementById('Plugin-settings-msg-container') || document.getElementById('messageContainer');
+                if (xhr.status === 200) {
+                    console.log('Response Text:', xhr.responseText); // Log the raw response text
+                    if (xhr.responseText) { // Check if the response text is not empty
+                        try {
+                            var response = JSON.parse(xhr.responseText);
+                            if (messageContainer) {
+                                if (response.success) {
+                                    messageContainer.innerHTML = '<span style="color: green;">' + response.data + '</span>';
+                                } else {
+                                    messageContainer.innerHTML = '<span style="color: red;">Error: ' + response.error + '</span>';
+                                }
+                            } else {
+                                console.error('messageContainer element not found');
+                            }
+                        } catch (e) {
+                            console.error('Failed to parse response:', e);
+                            if (messageContainer) {
+                                messageContainer.innerHTML = '<span style="color: red;">Error parsing response</span>';
+                            } else {
+                                console.error('messageContainer element not found');
+                            }
+                        }
+                    } else {
+                        console.error('Empty response');
+                        if (messageContainer) {
+                            messageContainer.innerHTML = '<span style="color: red;">Empty response</span>';
+                        } else {
+                            console.error('messageContainer element not found');
+                        }
+                    }
+                } else {
+                    console.error('Request failed with status:', xhr.status);
+                    if (messageContainer) {
+                        messageContainer.innerHTML = '<span style="color: red;">Error: ' + xhr.status + '</span>';
+                    } else {
+                        console.error('messageContainer element not found');
+                    }
+                }
+                // Hide message after 3 seconds
+                setTimeout(function() {
+                    if (messageContainer) {
+                        messageContainer.innerHTML = '';
+                    }
+                }, 3000);
+            }
+        };
+       xhr.send('action=ai_app_onsite_get_accept_terms_of_service&terms_of_service=' + terms_of_service+'&ai_app_onsite_plugin_settings_terms_of_service_nonce='+terms_of_service_nonce);
+   });
+});
+/*=============End download user stats js=================================== */
+          for (let key in initialState) {
+              if (initialState.hasOwnProperty(key)) {
+                  if (initialState[key] !== currentState[key]) {
+                      return true;
+                  }
+              }
+          }
+          return false;
+      };
+      const markDirty = () => {
+          isDirty = hasChanged();
+          if (typeof config.onChange === 'function') config.onChange(isDirty);
+      };
+      const bindListeners = () => {
+          form.querySelectorAll('input, textarea, select').forEach(field => {
+              field.addEventListener('input', markDirty);
+              field.addEventListener('change', markDirty);
+          });
+      };
+      const observer = new MutationObserver(() => {
+          bindListeners();
+          markDirty();
+      });
+      observer.observe(form, { childList: true, subtree: true });
+      captureInitialState();
+      bindListeners();
+      return {
+          activate: () => {
+              active = true;
+              captureInitialState();
+          },
+          deactivate: () => {
+              active = false;
+          },
+          reset: () => {
+              captureInitialState();
+              isDirty = false;
+          },
+          hasUnsavedChanges: () => isDirty,
+          markDirty: () => markDirty
+      };
+  }

ai-app-onsite/trunk/assets/js/ai-app-onsite-prompt-editor.js

-                      r3281194
+                      r3307540
 var aiResponseTone = document.getElementById('ai-response-tone');
 var egAiOutput = document.getElementById('eg-ai-output');
+let initialPromptContent = '';
+let appPromptFormTracker = null;
 function onChangePromptInput() {
 …
     // Use TinyMCE API to get the content of the WYSIWYG editor
     var promptInputValue = tinymce.get('prompt').getContent({ format: 'text' }).trim(); // 'prompt' is the editor ID
-    console.log('Prompt Input Value:', promptInputValue); // Log to check the input value
     // Target the error message container
     var promptError = document.querySelector('.prompt-error'); // Ensure this selector is correct for your error display element
-    console.log('Prompt Error Element:', promptError); // Log to verify that the error container is found
     var errors = [];
 …
                 if (response.status === '404') {
+                    if (typeof tinymce !== "undefined" && tinymce.get('prompt')) {
+                        tinymce.get('prompt').setContent(''); // Set content to the TinyMCE editor
+                    }
+                    promptInput.value = '';
                     return;
+                }
 …
                 // Accessing the first object in the array
                 var firstObject = response[0];
-                // console.log('firstObject =', firstObject);
                 // Access properties of the first object
 …
                 if (typeof tinymce !== "undefined" && tinymce.get('prompt')) {
                     tinymce.get('prompt').setContent(prompt_html); // Set content to the TinyMCE editor
                 } else {
                     // If TinyMCE is not initialized, set the value directly to the textarea
                     promptInput.value = prompt_html;
+                }
+                initialPromptContent = normalizeContent(prompt_html);
                 if (ai_response_style) {
 …
 //Start save model settings JS
 function ai_app_onsite_save_prompt_editor() {
-    // console.log('v1');
     //check Prompt value
 …
+    }
-    // console.log('promptInputValue = ', promptInputValue);
     var aiResponseStyleValue = aiResponseStyle ? aiResponseStyle.value.trim() : '';
     var aiResponseToneValue = aiResponseTone ? aiResponseTone.value.trim() : '';
 …
+}
-// Wait for the DOM to fully load
 document.addEventListener("DOMContentLoaded", function () {
-    // Make sure TinyMCE is available
     if (typeof tinymce !== "undefined") {
+        // Initialize the TinyMCE editor
+        tinymce.init({
+            selector: '#prompt',  // Target the wp_editor's textarea by editor_id
+            setup: function (editor) {
+                // Listen for changes in the editor content
+                editor.on('change', function () {
+                    // Call your custom JavaScript function
+                    onChangePromptInput();
+        tinymce.on('AddEditor', function (e) {
+            if (e.editor.id === 'prompt') {
+                const editor = e.editor;
+                editor.on('init', function () {
+                    // Setup form tracker
+                    appPromptFormTracker = trackFormChanges('#prompt-editor');
+                    window.FormChangeRegistry.register('app_prompt_settings', appPromptFormTracker, 'prompt-editor');
+                    document.getElementById('ai_app_onsite_save_prompt_editor').addEventListener('click', function (e) {
+                        e.preventDefault();
+                        appPromptFormTracker.reset();
+                        ai_app_onsite_save_prompt_editor();
+                    });
                 });
+                editor.on('input change undo redo', function () {
+                    const currentContent = normalizeContent(editor.getContent({ format: 'html' }));
+                    if (currentContent !== initialPromptContent) {
+                        document.querySelector('textarea[name="editor_prompt_aiapp"]').value = editor.getContent(); // store actual HTML or raw value
+                        appPromptFormTracker.markDirty();
+                    } else {
+                        appPromptFormTracker.reset();
+                    }
+                });
+            }
         });
+    }else {
+        if (promptError) {
+            promptError.innerHTML = 'For best performance please install the <a href="https://wordpress.org/plugins/classic-editor/" target="_blank">Classic Editor</a> WP plugin.';
+        }
+    }
 });
+// Normalization function
+function normalizeContent(content) {
+    return content.replace(/\u00a0/g, ' ') // &nbsp;
+                  .replace(/[\r\n]+/g, ' ') // newlines
+                  .replace(/\s+/g, ' ')     // multiple spaces to one
+                  .trim();
+}

ai-app-onsite/trunk/assets/js/ai-app-onsite-reset-localstorage.js

-                      r3250856
+                      r3307540
     document.querySelectorAll('.deactivate a').forEach(function(element) {
         element.addEventListener('click', function(e) {
-            var pluginSlug = 'ai-app-onsite/ai-app-onsite.php'; // Replace with your plugin slug
             var href = this.getAttribute('href');
               e.preventDefault(); // Prevent the default deactivation action
 …
                   localStorage.setItem("settings", "{}"); // or use a default settings JSON object
                   localStorage.setItem("app_Title_gutenberg_block", "");
-                  console.log("LocalStorage keys have been reset");
+                }
+                    window.location.href = href; // Proceed with the deactivation
+                window.location.href = href; // Proceed with the deactivation
         });
     });

ai-app-onsite/trunk/handler/ai-app-onsite-app-preview.php

-                      r3281194
+                      r3307540
             global $wpdb;
             $table_appropriate = $wpdb->prefix . 'ai_app_onsite_app_properties';
             $appropriates = $wpdb->get_results("SELECT * FROM $table_appropriate", ARRAY_A);
+            $appropriates = $wpdb->get_results("SELECT * FROM $table_appropriate WHERE app_id = 1", ARRAY_A);
             if (empty($appropriates)) {
                 // error_log('No data found in app properties');
+                error_log('No data found in app properties');
                 return;
+            }
             $is_preview = isset($_POST['is_preview_button']) && $_POST['is_preview_button'] === 'true';
 …
             $appropriates[0]['font_color']  = ($is_preview && isset($_POST['font_color'])) ? $_POST['font_color'] : $appropriates[0]['font_color'];
             $appropriates[0]['bg_color']    = ($is_preview && isset($_POST['background_color'])) ? $_POST['background_color'] : $appropriates[0]['bg_color'];
+            $appropriates[0]['app_corner']    = ($is_preview && isset($_POST['app_corner'])) ? $_POST['app_corner'] : $appropriates[0]['app_corner'];
+            $appropriates[0]['app_height']    = ($is_preview && isset($_POST['app_height'])) ? $_POST['app_height'] : $appropriates[0]['app_height'];
+            $titleColors = json_decode($appropriates[0]['title_color'], true);
+            $fontColors = json_decode($appropriates[0]['font_color'], true);
+            $bgColors = json_decode($appropriates[0]['bg_color'], true);
+            $appCorner = $appropriates[0]['app_corner'];
+            $appHeight = $appropriates[0]['app_height'];
+            $appropriates[0]['app_corner']  = ($is_preview && isset($_POST['app_corner'])) ? $_POST['app_corner'] : $appropriates[0]['app_corner'];
+            $appropriates[0]['app_height']  = ($is_preview && isset($_POST['app_height'])) ? $_POST['app_height'] : $appropriates[0]['app_height'];
+            $titleColors = isset($appropriates[0]['title_color']) ? json_decode($appropriates[0]['title_color'], true) : null;
+            $fontColors  = isset($appropriates[0]['font_color']) ? json_decode($appropriates[0]['font_color'], true) : null;
+            $bgColors    = isset($appropriates[0]['bg_color']) ?  json_decode($appropriates[0]['bg_color'], true) : null;
+            $appCorner   = $appropriates[0]['app_corner'];
+            $appHeight   = $appropriates[0]['app_height'];
             $title_color_selected = null;
             $font_color_selected = null;
             $bg_color_selected = null;
             $app_corner_selected = null;
             $app_height_selected = null;
+            $font_color_selected  = null;
+            $bg_color_selected    = null;
+            $app_corner_selected  = null;
+            $app_height_selected  = null;
             if(!is_null($titleColors)) {
 …
             $this->appProperty = [
                 'app_name' => $appropriates[0]['app_name'],
                 'app_logo' => $appropriates[0]['app_logo'],
                 'app_disclaimer' => $appropriates[0]['app_disclaimer'],
                 'app_description' => $appropriates[0]['app_description'],
                 'submit_button_txt' => $appropriates[0]['submit_button_txt'],
                 'title_color' => 'style="color:' . $title_color . ';"',
                 'font_color' => 'style="color:' . $font_color . ';"',
                 'small_font_color' => 'style="color:' . $font_color . '; opacity:0.5;"',
+                'app_name'              => $appropriates[0]['app_name'],
+                'app_logo'              => $appropriates[0]['app_logo'],
+                'app_disclaimer'        => $appropriates[0]['app_disclaimer'],
+                'app_description'       => $appropriates[0]['app_description'],
+                'submit_button_txt'     => $appropriates[0]['submit_button_txt'],
+                'title_color'           => 'style="color:' . $title_color . ';"',
+                'font_color'            => 'style="color:' . $font_color . ';"',
+                'small_font_color'      => 'style="color:' . $font_color . '; opacity:0.5;"',
                 'app_description_color' => 'style="color:' . $font_color . '; opacity:0.5; text-align: center; font-size: 20px;"',
+                'background_color' => $background_color,
+                'btn_color' => 'style="background-color:' . $title_color . ';"'
+                'background_color'      => $background_color,
+                'btn_color'             => 'style="background-color:' . $title_color . ';"',
+                'short_code_genrated'   => $appropriates[0]['short_code_genrated']
             ];
 …
                     break;
+            }
             //New Logic
 …
+            }
             if ($appName !== "aiapp") {
                 $shortCodeGenrated = $appropriates[0]['short_code_genrated'];
 …
+        }
+        private function ai_app_onsite_json_error_404($message) {
+            wp_send_json(array(
+                'status'  => '404',
+                'message' => $message
+            ));
+        }
         // AJAX callback function
         public function ai_app_onsite_create_app_preview_form()
 …
             $table_name_settings = $wpdb->prefix . 'ai_app_onsite_field_selector_settings';
             $table_name_app_properties = $wpdb->prefix . 'ai_app_onsite_app_properties';
+            // if $this->appProperty is not initialized return
+            if (empty($this->appProperty)) {
+                wp_send_json_error('App properties are not initialized.');
+                return;
+            }
+            // Check if the table exists
+            if ($wpdb->get_var("SHOW TABLES LIKE '$table_name_settings'") != $table_name_settings) {
+                $results = array('status' => '404', 'message' => 'No App found');
+                wp_send_json($results);
+            }
+            // Check if the table has rows
+            $rows_count = $wpdb->get_var("SELECT COUNT(*) FROM $table_name_settings");
+            if ($rows_count == 0) {
+                $results = array('status' => '404', 'message' => 'No rows found in the table.');
+                wp_send_json($results);
+            }
+            $table_name_model_settings = $wpdb->prefix . 'ai_app_onsite_model_settings';
+            // Check if the table ai_app_onsite_field_selector_settings exists
+            if ($wpdb->get_var("SHOW TABLES LIKE '$table_name_settings'") != $table_name_settings || $wpdb->get_var("SHOW TABLES LIKE '$table_name_model_settings'") != $table_name_model_settings) {
+                $this->ai_app_onsite_json_error_404('No App found');
+            }
+            // Check if the table ai_app_onsite_field_selector_settings has rows
+            $rows_count = $wpdb->get_var("SELECT COUNT(*) FROM $table_name_settings WHERE app_id = 1");
+            $model_count = $wpdb->get_var("SELECT COUNT(*) FROM $table_name_model_settings WHERE app_id = 1");
+            if ($rows_count == 0 || $model_count == 0 ||  empty($this->appProperty)) {
+                $this->ai_app_onsite_json_error_404('It looks like some required settings are missing. Please ensure that "App Details," "Model Settings," and "Form Fields" are configured before previewing the form.');
+            }
             // Fetch the data
             $results = $wpdb->get_results("SELECT * FROM $table_name_settings ORDER BY field_position ASC", ARRAY_A);
+            $results = $wpdb->get_results("SELECT * FROM $table_name_settings WHERE app_id = 1 ORDER BY field_position ASC", ARRAY_A);
             $table_appropriate = $wpdb->prefix . 'ai_app_onsite_app_properties';
+            $appropriates = $wpdb->get_results("SELECT * FROM $table_appropriate", ARRAY_A);
+            $appropriates = $wpdb->get_results("SELECT * FROM $table_appropriate WHERE app_id = 1", ARRAY_A);
+            if(
+                empty($appropriates[0]['title_color']) ||
+                empty($appropriates[0]['font_color']) ||
+                empty($appropriates[0]['bg_color']) ||
+                empty($appropriates[0]['app_corner']) ||
+                empty($appropriates[0]['app_height']))
+            {
+                $this->ai_app_onsite_json_error_404('It looks like some required settings are missing. Please ensure that "App Details" are configured before previewing the form.');
+            }
             $app_logo = isset($appropriates[0]['app_logo']) && !empty($appropriates[0]['app_logo'])
                 ? $appropriates[0]['app_logo']
 …
             $formHTML .= '<div class="ai-app-preview-powered_by_note-wrapper">
                 <p class="powered_by" style="opacity:0.5;text-align: right;margin: 0; color:#159AD7;"><span class="disclaimer-heading"><a href="https://www.aiapponsite.com/" target="_blank">Built with AIappOnsite</a></span>
+                <p class="powered_by" style="opacity:0.5;text-align: right;margin: 0; color:#159AD7;"><span class="disclaimer-heading"><a href="https://www.aiapponsite.com/" class="open-new-tab">Built with AIappOnsite</a></span>
             </div>';
 …
             $table_name = $wpdb->prefix . 'ai_app_onsite_app_properties';
             $existing_settings = $wpdb->get_row("SELECT * FROM $table_name");
+            $existing_settings = $wpdb->get_row("SELECT * FROM $table_name WHERE app_id = 1");
             if ($existing_settings) {
 …
+        }
         // Define shortcode function
         public function ai_app_onsite_create_openAi_app_form_shortcode(): string {
             global $wpdb;
             $table_appropriate = $wpdb->prefix . 'ai_app_onsite_app_properties';
             $appropriates = $wpdb->get_results("SELECT * FROM $table_appropriate", ARRAY_A);
+            $appropriates = $wpdb->get_results("SELECT * FROM $table_appropriate WHERE app_id = 1", ARRAY_A);
             // Make AJAX call to retrieve form HTML
 …
                     jQuery(document).ready(function($) {
                         $(".ai-app-feedback-section .like i").on("click", function() {
                             var feedback = $(this).hasClass("fa-thumbs-up") ? "thumbs_up" : "thumbs_down";
+                        $(".ai-app-feedback-section .like i, .ai-app-feedback-section .dislike i").on("click", function() {
+                           var feedback = $(this).hasClass("fa-thumbs-up") ? "thumbs_up" : "thumbs_down";
                            var response_id = $("#ai_response_id").val();
-                            console.log(response_id);
                             $.ajax({
                                 url: "' . admin_url('admin-ajax.php') . '",
 …
             // Check if the table has rows
             $rows_count = $wpdb->get_var("SELECT COUNT(*) FROM $table_name_settings");
+            $rows_count = $wpdb->get_var("SELECT COUNT(*) FROM $table_name_settings WHERE app_id = 1");
             if ($rows_count == 0) {
                 //die('No rows found in the table.');
 …
             // Fetch the data
             $results = $wpdb->get_results("SELECT * FROM $table_name_settings", ARRAY_A);
+            $results = $wpdb->get_results("SELECT * FROM $table_name_settings WHERE app_id = 1", ARRAY_A);
             $generateURLForID  = $results[0]['app_logo'];

ai-app-onsite/trunk/handler/ai-app-onsite-app-properties.php

-                      r3281194
+                      r3307540
                         'app_height' => $app_height
                     ),
                     array('%d', '%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s')
+                    array('%d', '%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s')
                 );
 …
             // Check if the table has rows
+            $rows_count = $wpdb->get_var("SELECT COUNT(*) FROM $table_name_settings");
+            $rows_count = $wpdb->get_var("SELECT COUNT(*) FROM $table_name_settings WHERE app_id = 1");
             if ($rows_count == 0) {
                 //die('No rows found in the table.');
                 $results = array('status' => '404', 'message' => 'No rows found in the table.');
+                $results = array('status' => '404', 'message' => 'App not found. Please create an app first.');
                 wp_send_json($results);
 …
             // Fetch the data
             $results = $wpdb->get_results("SELECT * FROM $table_name_settings", ARRAY_A);
+            $results = $wpdb->get_results("SELECT * FROM $table_name_settings WHERE app_id = 1", ARRAY_A);
             $generateURLForID  = $results[0]['app_logo'];
 …
             $table_name_settings = $wpdb->prefix . 'ai_app_onsite_app_properties';
             $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings");
+            $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings WHERE app_id = 1");
             if ($existing_settings) {
 …
+            }
             $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings");
+            $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings WHERE app_id = 1");
             $file_url = $existing_settings->app_logo;
             // Check if the database operation was successful
 …
+            }
             $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings");
+            $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings WHERE app_id = 1");
             if ($existing_settings) {

ai-app-onsite/trunk/handler/ai-app-onsite-field-selector.php

-                      r3250856
+                      r3307540
             $form_data_array = json_decode($form_data_array, true);
-            // echo '<pre>'; print_r($form_data_array); echo '</pre>';
             // Table name for field selector settings
             $table_name_settings = $wpdb->prefix . 'ai_app_onsite_field_selector_settings';
+            $max_field_option = $wpdb->get_var("SELECT MAX(field_position) FROM $table_name_settings");
+            $max_field_option = $wpdb->get_var("SELECT MAX(field_position) FROM $table_name_settings WHERE app_id = 1");
             // Iterate through form data and insert/update settings
 …
         public function ai_app_onsite_read_field_selector_callback()
+        {
             global $wpdb;
 …
             // Fetch data from the database
             $results = $wpdb->get_results("SELECT * FROM $table_name ORDER BY field_position ASC", ARRAY_A);
+            $results = $wpdb->get_results("SELECT * FROM $table_name WHERE app_id = 1 ORDER BY field_position ASC", ARRAY_A);
 …
             $ctr = 0;
             $app_width = $results[0]['app_width'];
+            $app_width = $results[0]['app_width'] ?? '70';
 …
             // Return the HTML content
             $arrayName = array('app_width' => $app_width, 'html_content' => $html_content, 'count' => $ctr);
-            //echo $html_content;
             wp_send_json($arrayName);
 …
         public function ai_app_onsite_drag_data_save_database_callback()
+        {
             if (
                 ! isset($_POST['ai_app_onsite_fields_selector_order_nonce']) ||
 …
+            }
             global $wpdb;
             $table_name = $wpdb->prefix . 'ai_app_onsite_field_selector_settings';
 …
             // Iterate through the form data array
             foreach ($form_data_array as $key => $value) {
+                // Prepare the data to update
+                /*  $update_data = array(
+               'field_position' => $value['fieldOrder'],
+               'field_uniqueid' => $value['fieldUniqueId']
+           );
+           // Print the data to be updated (for debugging purposes)
+           print_r($update_data);*/
                 $field_position =  $value['fieldOrder'] / 3;
                 // Uncomment the update query to actually update the data

ai-app-onsite/trunk/handler/ai-app-onsite-model-settings.php

-                      r3272415
+                      r3307540
             $table_name_settings = $wpdb->prefix . 'ai_app_onsite_model_settings';
             $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings");
+            $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings WHERE app_id = 1");
             if ($existing_settings) {
 …
                     array('%s', '%f', '%f', '%f', '%d', '%f'),
                 );
                 $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings");
+                $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings WHERE app_id = 1");
                 // Check if the database operation was successful
 …
                 );
+            }
             $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings");
+            $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings WHERE app_id = 1");
             // Check if the database operation was successful
 …
             // Check if the table has rows
             $rows_count = $wpdb->get_var("SELECT COUNT(*) FROM $table_name_settings");
+            $rows_count = $wpdb->get_var("SELECT COUNT(*) FROM $table_name_settings WHERE app_id = 1");
             if ($rows_count == 0) {
                 $results = array('status' => '404',  'message' => 'No rows found in the table.');
 …
             // Fetch the data
             $results = $wpdb->get_results("SELECT * FROM $table_name_settings", ARRAY_A);
+            $results = $wpdb->get_results("SELECT * FROM $table_name_settings WHERE app_id = 1", ARRAY_A);
             // Return the data
 …
             // Fetch the data
             $results = $wpdb->get_results("SELECT openai_key, key_status FROM $table_name_settings", ARRAY_A);
+            $results = $wpdb->get_results("SELECT openai_key, key_status FROM $table_name_settings WHERE app_id = 1", ARRAY_A);
             // Return the data
 …
             $table_name_settings = $wpdb->prefix . 'ai_app_onsite_model_settings';
             $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings");
+            $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings WHERE app_id = 1");
             if ($existing_settings) {

ai-app-onsite/trunk/handler/ai-app-onsite-openAi-api.php

-                      r3281194
+                      r3307540
             $model_settings = $wpdb->get_results("SELECT * FROM $table_name_model_settings", ARRAY_A);
             $plugin_settings = $wpdb->get_results("SELECT * FROM $table_name_plugin_settings", ARRAY_A);
+            $model_settings = $wpdb->get_results("SELECT * FROM $table_name_model_settings WHERE app_id = 1", ARRAY_A);
+            $plugin_settings = $wpdb->get_results("SELECT * FROM $table_name_plugin_settings WHERE app_id = 1", ARRAY_A);
             $formData = $_POST;
             $field_names = array_keys($formData);
             $field_values = array_values($formData);
             $pairs = array_combine($field_names, $field_values);
+            $banned_words = unserialize($plugin_settings[0]['banned_words']);
+            $app_email = $plugin_settings[0]['app_email'];
+            $banned_words = (!empty($plugin_settings) && isset($plugin_settings[0]['banned_words']) && !is_null($plugin_settings[0]['banned_words']))
+            ? unserialize($plugin_settings[0]['banned_words'])
+            : [];
+            $app_email = isset($plugin_settings[0]['app_email']) ? $plugin_settings[0]['app_email'] : null;
             function containsBannedWordPart($value, $banned_word)
 …
             // Iterate through field values and check against banned words
+            foreach ($field_values as $value) {
+                foreach ($banned_words as $banned_word) {
+                    if (containsBannedWordPart($value, $banned_word)) {
+                        wp_send_json_error("Banned word included in: " . $value);
+                        break;
+            if (!empty($banned_words)) {
+                foreach ($field_values as $value) {
+                    foreach ($banned_words as $banned_word) {
+                        if (containsBannedWordPart($value, $banned_word)) {
+                            wp_send_json_error("Banned word included in: " . $value);
+                            break 2;
+                        }
+                    }
+                }
+            }
+            $field_selector_settings = $wpdb->get_results("SELECT `field_label` FROM $table_name_field_selector", ARRAY_A);
+            $field_selector_settings = $wpdb->get_results("SELECT `field_label` FROM $table_name_field_selector WHERE app_id = 1", ARRAY_A);
             $fieldLabels = array_column($field_selector_settings, 'field_label');
             // Process each element of the array
 …
             $replace_array = array_combine($formatted_field_names, $field_values);
+            $prompt_results = $wpdb->get_results("SELECT * FROM $table_name_prompt_editor", ARRAY_A);
+            $prompt_results = $wpdb->get_results("SELECT * FROM $table_name_prompt_editor WHERE app_id = 1", ARRAY_A);
             if (empty($prompt_results)) {
                 wp_send_json_error('No prompt results found');

ai-app-onsite/trunk/handler/ai-app-onsite-plugin-settings.php

-                      r3250856
+                      r3307540
             add_action( 'wp_ajax_nopriv_ai_app_onsite_handle_csv_upload', array( $this, 'ai_app_onsite_handle_csv_upload_callback' ) );
               add_action( 'wp_ajax_ai_app_onsite_get_accept_terms_of_service', array( $this, 'ai_app_onsite_get_accept_terms_of_service_callback' ) );
+            add_action( 'wp_ajax_ai_app_onsite_get_accept_terms_of_service', array( $this, 'ai_app_onsite_get_accept_terms_of_service_callback' ) );
             add_action( 'wp_ajax_nopriv_ai_app_onsite_get_accept_terms_of_service', array( $this, 'ai_app_onsite_get_accept_terms_of_service_callback' ) );
 …
+        }
-        // Public method to handle AJAX callback
         public function ai_app_onsite_save_plugin_settings_callback() {
             global $wpdb; // Access the WordPress database object
             if (
 …
+            }
-            // Handle AJAX request
             // Check if settings already exist in the database
             $table_name_settings = $wpdb->prefix . 'ai_app_onsite_plugin_settings';
 …
             // Extract individual settings values
             $agree_terms = isset($_POST['terms_of_service'] ) && $_POST['terms_of_service']  == true ? 1 : 0;
-            // $app_selector = isset($_POST['app_selector'] ) ? sanitize_text_field($_POST['app_selector'] ) : '';
-            // $app_email = isset($_POST['app_email'] ) ? sanitize_text_field($_POST['app_email'] ) : '';
-            // $banned_words = isset($_POST['banned_words'] ) ? serialize($_POST['banned_words'] ) : '';
             $app_selector = isset( $_POST['app_selector'] ) ? sanitize_text_field( wp_unslash( $_POST['app_selector'] ) ) : '';
             $app_email = isset($_POST['app_email'] ) ? sanitize_text_field(wp_unslash($_POST['app_email']) ) : '';
             $banned_words = isset( $_POST['banned_words'] ) ? serialize( array_map( 'sanitize_text_field', wp_unslash( $_POST['banned_words'] ) ) ) : '';
+            $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings");
+            if ($app_selector == '') {
+                $results = array('status' => '404', 'error' => 'App Name is required.');
+                wp_send_json($results);
+                exit;
+            }
+            $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings WHERE app_id = 1");
             // If settings already exist, update the row; otherwise, insert a new row
             if ($existing_settings) {
-                // Update existing row
-               // Define the update data array
                 $update_data = array(
                     'agree_terms' => $agree_terms,
 …
                     wp_send_json_error('Error updating data: ' . $wpdb->last_error);
                 } else {
+                    $table_app_properties = $wpdb->prefix . 'ai_app_onsite_app_properties';
+                    $existing_app = $wpdb->get_row("SELECT * FROM $table_app_properties WHERE app_id = 1");
+                    if ($existing_app) {
+                        // Update the app name if it already exists
+                        $wpdb->update(
+                            $table_app_properties,
+                            array(
+                                'app_name' => $app_selector,
+                            ),
+                            array('app_id' => $existing_app->app_id),
+                            array('%s'),
+                            array('%d')
+                        );
+                        if ($wpdb->last_error) {
+                            wp_send_json_error('Error updating app name: ' . $wpdb->last_error);
+                        }
+                    } else {
+                        // Insert new app name if it doesn't exist
+                        $wpdb->insert(
+                            $table_app_properties,
+                            array(
+                                'app_id' => 1,
+                                'app_name' => $app_selector,
+                                'submit_button_txt' => 'Submit',
+                            ),
+                            array('%d', '%s', '%s')
+                        );
+                        if ($wpdb->last_error) {
+                            wp_send_json_error('Error saving app name: ' . $wpdb->last_error);
+                        }
+                    }
                     // Return success message for update
                     wp_send_json_success('Settings updated successfully.');
 …
                 } else {
                     // Return success message for insert
+                    $table_app_properties = $wpdb->prefix . 'ai_app_onsite_app_properties';
+                    // Insert new app name into the app properties table
+                    $wpdb->insert(
+                        $table_app_properties,
+                        array(
+                            'app_id' => 1,
+                            'app_name' => $app_selector,
+                            'submit_button_txt' => 'Submit',
+                        ),
+                        array('%d', '%s', '%s')
+                    );
+                    if ($wpdb->last_error) {
+                        wp_send_json_error('Error saving app name: ' . $wpdb->last_error);
+                    }
                     wp_send_json_success('Settings saved successfully.');
+                }
+            }
+        }
 …
             // Check if the table has rows
             $rows_count = $wpdb->get_var("SELECT COUNT(*) FROM $table_name_settings");
+            $rows_count = $wpdb->get_var("SELECT COUNT(*) FROM $table_name_settings WHERE app_id = 1");
             if ($rows_count == 0) {
                $results = array('status' => '404',  'message' => 'No rows found in the table.');
 …
+            }
              $getAppName = $wpdb->get_results("SELECT * FROM $table_app_name", ARRAY_A);
             $appName = $getAppName[0]['app_name'];
+            $getAppName = $wpdb->get_results("SELECT * FROM $table_app_name WHERE app_id = 1", ARRAY_A);
+            $appName = isset($getAppName[0]['app_name_show']) && !empty($getAppName[0]['app_name_show'])
+                ? $getAppName[0]['app_name_show']
+                : (isset($getAppName[0]['app_name']) ? $getAppName[0]['app_name'] : '');
             // Fetch the data
+            $results = $wpdb->get_results("SELECT * FROM $table_name_settings", ARRAY_A);
+            $results = $wpdb->get_results("SELECT * FROM $table_name_settings WHERE app_id = 1", ARRAY_A);
+            //  Create a mapping of app IDs to app names
+            $appNameMapping = [];
             // Unserialize 'banned_words_csv' before sending response
                 foreach ($results as &$row) {
+                   if (!empty($appName)) {
+                           $row['appName'] = $appName;
+                       }
+                    $unserializedDataCsv = unserialize($row['banned_words_csv']);
+                    if (!empty($appName)) {
+                        $row['appName'] = $appName;
+                    }
+                    $banned_words_raw = $row['banned_words_csv'] ?? '';
+                    if (is_string($banned_words_raw) && $banned_words_raw !== '' && is_serialized($banned_words_raw)) {
+                        $unserializedDataCsv = unserialize($banned_words_raw);
+                    } else {
+                        $unserializedDataCsv = [];
+                    }
                     $unserializedData = unserialize($row['banned_words']);
                         if ($unserializedDataCsv !== false) {
 …
+               }
                    $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings");
+                   $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings WHERE app_id = 1");
                    if ($existing_settings) {
                        if (!empty($serializedData)) {
 …
             $terms_of_service = isset($_POST['terms_of_service']) ? intval($_POST['terms_of_service']) : 0;
+             $checked = ($_POST['terms_of_service'] == true) ? 1 : 0;
+            $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings");
+            $checked = ($_POST['terms_of_service'] == true) ? 1 : 0;
+            $existing_settings = $wpdb->get_row("SELECT * FROM $table_name_settings WHERE app_id = 1");
             if ($existing_settings) {

ai-app-onsite/trunk/handler/ai-app-onsite-prompt-editor.php

-                      r3272415
+                      r3307540
             // Check if the table has rows
             $rows_count = $wpdb->get_var("SELECT COUNT(*) FROM $table_name_settings");
+            $rows_count = $wpdb->get_var("SELECT COUNT(*) FROM $table_name_settings WHERE app_id = 1");
             if ($rows_count == 0) {
                 $results = array('status' => '404',  'message' => 'No rows found in the table.');
 …
             // Fetch the data
             $results = $wpdb->get_results("SELECT field_tag FROM $table_name_settings", ARRAY_A);
+            $results = $wpdb->get_results("SELECT field_tag FROM $table_name_settings WHERE app_id = 1", ARRAY_A);
             // Return the data
 …
             // Check if the table has rows
             $rows_count = $wpdb->get_var("SELECT COUNT(*) FROM $table_name_settings");
+            $rows_count = $wpdb->get_var("SELECT COUNT(*) FROM $table_name_settings WHERE app_id = 1");
             if ($rows_count == 0) {
                 $results = array('status' => '404',  'message' => 'No rows found in the table.');
 …
             // Fetch the data
             $results = $wpdb->get_results("SELECT * FROM $table_name_settings", ARRAY_A);
+            $results = $wpdb->get_results("SELECT * FROM $table_name_settings WHERE app_id = 1", ARRAY_A);
             // Return the data
 …
             // Check if the table has rows
             $rows_count = $wpdb->get_var("SELECT COUNT(*) FROM $table_name_settings");
+            $rows_count = $wpdb->get_var("SELECT COUNT(*) FROM $table_name_settings WHERE app_id = 1");
             if ($rows_count == 0) {
 …
             // Fetch the data
             $results = $wpdb->get_results("SELECT * FROM $table_name_settings", ARRAY_A);
+            $results = $wpdb->get_results("SELECT * FROM $table_name_settings WHERE app_id = 1", ARRAY_A);
             // Return the data

ai-app-onsite/trunk/handler/ai-app-onsite-user-stats.php

r3281194	r3307540
104	104	$table_name = $wpdb->prefix . 'ai_app_onsite_user_statistics';
105	105	$query = "SELECT * FROM $table_name";
106		$user_stats = $wpdb->get_results(~~"SELECT * FROM $table_name WHERE MONTH(updated_at) = %d", $month~~);
	106	$user_stats = $wpdb->get_results($wpdb->prepare("SELECT * FROM $table_name WHERE app_id = 1 AND MONTH(updated_at) = %d", $month));
107	107
108	108	// Check if there are any user statistics

ai-app-onsite/trunk/includes/class-ai-app-onsite-admin.php

-                      r3272415
+                      r3307540
             <div class="wrap ai-app-onsite-wrap">
                 <div class=" ai-app-onsite-top-bar d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white box-shadow">
+                    <h5 class="my-0 mr-md-auto font-weight-normal logo-bg-fixed">
+                    </h5>
+                    <h5 class="my-0 mr-md-auto font-weight-normal logo-bg-fixed"></h5>
+                    <?php if (ai_app_onsite_is_premium_disabled()) : ?>
+                        <h5 class="gold-gradient" id="gold_gradient">PREMIUM</h5>
+                    <?php endif; ?>
                 </div>
                 <div class="ai-app-onsite-tab-content-box shadow-sm rounded">
                     <!-- Tab navigation -->
                     <h2 class="nav-tab-wrapper">
                         <a href="#" class="nav-tab nav-tab-active" id="plugin-settings-tab" onclick="handleTabClick('plugin-settings-tab')">
+                        <a href="#" class="nav-tab nav-tab-active plugin-tab" id="plugin-settings-tab" data-form-tab="app-settings" data-tab-id="plugin-settings-tab">
                             <div class="icon">
                                 <div class="assets-settings-grey-icon"></div>
                                 <div class="assets-settings-blue-icon"></div>
                             </div>
                             Plugin Settings
                         </a>
                         <a href="#" class="nav-tab" id="app-properties-tab" onclick="handleTabClick('app-properties-tab')">
+                            App Settings
+                        </a>
+                        <a href="#" class="nav-tab plugin-tab" id="app-properties-tab"  data-form-tab="app-details"  data-tab-id="app-properties-tab">
                             <div class="icon">
                                 <div class="assets-clapperboard-grey-icon"></div>
                                 <div class="assets-clapperboard-blue-icon"></div>
                             </div>
                             App Properties
                         </a>
                         <a href="#" class="nav-tab" id="model-settings-tab" onclick="handleTabClick('model-settings-tab')">
+                            App Details
+                        </a>
+                        <a href="#" class="nav-tab plugin-tab" id="model-settings-tab" data-form-tab="model-settings"  data-tab-id="model-settings-tab">
                             <div class="icon">
                                 <div class="assets-disc-grey-icon"></div>
 …
                             Model Settings
                         </a>
                         <a href="#" class="nav-tab" id="field-selector-tab" onclick="handleTabClick('field-selector-tab')">
+                        <a href="#" class="nav-tab plugin-tab" id="field-selector-tab" data-form-tab="field-selector" data-tab-id="field-selector-tab">
                             <div class="icon">
                                 <div class="assets-chevron-grey-icon"></div>
 …
                             Field Selector
                         </a>
                         <a href="#" class="nav-tab" id="prompt-editor-tab" onclick="handleTabClick('prompt-editor-tab')">
+                        <a href="#" class="nav-tab plugin-tab" id="prompt-editor-tab" data-form-tab="prompt-editor" data-tab-id="prompt-editor-tab">
                             <div class="icon">
                                 <div class="assets-promt-icon-grey-icon"></div>
 …
                             Prompt Editor
                         </a>
                         <a href="#" class="nav-tab" id="app-preview-tab" onclick="handleTabClick('app-preview-tab')">
+                        <a href="#" class="nav-tab plugin-tab" id="app-preview-tab" data-form-tab="app-preview" data-tab-id="app-preview-tab">
                             <div class="icon">
                                 <div class="assets-preview-icon-grey-icon"></div>
 …
             </div>
+            <div class="modal fade" id="unsavedChangesModal" tabindex="-1" aria-labelledby="unsavedChangesModalLabel" aria-hidden="true">
+                <div class="modal-dialog modal-dialog-centered">
+                    <div class="modal-content text-center">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="unsavedChangesModalLabel">Unsaved Changes</h5>
+                        <button type="button" class="btn-close dismiss-unsaved-modal"></button>
+                    </div>
+                    <div class="modal-body">
+                        You have unsaved changes. Please save them before navigating away or refreshing.
+                    </div>
+                    <div class="modal-footer justify-content-center">
+                        <button type="button" class="btn btn-primary" aria-label="Close" data-bs-dismiss="modal">Got It</button>
+                        <!-- class="btn btn-primary dismiss-unsaved-modal" -->
+                    </div>
+                    </div>
+                </div>
+            </div>
                   <!-- Modal -->
+      <div class="modal fade bd-example-modal-sm plugin-setting" id="terms_conditions_modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered" role="document">
+          <div class="modal-content">
+            <div class="modal-header">
+              <h5 class="fs-bold-16" id="terms_conditions_modal_label">Terms of Services</h5>
+              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            <div class="modal fade bd-example-modal-sm plugin-setting" id="terms_conditions_modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
+                <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                    <h5 class="fs-bold-16" id="terms_conditions_modal_label">Terms of Services</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body mb-1">
+                    <div id="terms-conditions-modal-pdf">
+                        <p class="fs-regular-14 neutral-black-fs-100 mb-3 text-center">Terms of Services</p>
+                        <p class="fs-regular-14 neutral-black-fs-90">Please read these terms carefully before using our service.</p>
+                        <p class="fs-regular-14 neutral-black-fs-100 mb-1">1. User Responsibility</p>
+                        <p class="fs-regular-12 neutral-black-fs-70">If you reside in the European Economic Area, Switzerland, the UK, California or some other locations, you may be subject to special conditions and laws that govern the use of AI. These and other locales also have privacy and data protection rules and laws that may also dictate how you can leverage tools like AIappOnsite.</p>
+                        <p class="fs-regular-12 neutral-black-fs-70">It is important that you abide by all such applicable laws. Furthermore, you may not use the Service in a way that infringes, misappropriates or violates anyone’s rights. You may also not use the Service in a way that endangers or harms, or intends to do the same, to end users of applications built with the Service.</p>
+                        <p class="fs-regular-14 neutral-black-fs-100 mb-1">2. Using AI Services</p>
+                        <p class="fs-regular-12 neutral-black-fs-70">The Service requires that the site owner or their designee provide an API key which the Service will use tointegrate with an AI model provider. All AI functionality of the Service depends on one or more API keys, whichis provided by the various AI model vendors. An account must be opened with one of these vendors in order to get an API key.</p>
+                        <p class="fs-regular-12 neutral-black-fs-70">These AI model providers are separate companies and unaffiliated with the Service, and have their own terms and conditions. Read them carefully. The API keys and their use are bound by the terms and conditions of the AI model provider and strictly controlled by the site owner or their designee (not AIappOnsite).</p>
+                        <p class="fs-regular-14 neutral-black-fs-100 mb-1">3. Limitation of Liability</p>
+                        <p class="fs-regular-12 neutral-black-fs-70">Given that the site owner fully controls the use, purpose and output of any application built with it, AIappOnsite bears no responsibility or liability for how it is used, or to any consequences of its use by site owners or their site visitors.</p>
+                        <p class="fs-regular-12 neutral-black-fs-70">You agree that you are leveraging third party AI models and services separate from AIappOnsite, and that you have full control over and final responsibility for the prompts that will access the API as well as the end-user experience, and any representations made to them.</p>
+                        <p class="fs-regular-14 neutral-black-fs-100 mb-1">4. Paid Accounts</p>
+                        <p class="fs-regular-12 neutral-black-fs-70">Billing. If you purchase any services, you will provide complete and accurate billing information, including a valid payment method. For paid subscriptions, we will automatically charge your payment method on each agreed-upon periodic renewal until you cancel. You’re responsible for all applicable taxes, and we’ll charge tax when required. If your payment cannot be completed, we may downgrade your account or suspend your access to our services until payment is received.</p>
+                        <p class="fs-regular-12 neutral-black-fs-70">Cancellation. You can cancel your paid subscription at any time. Previous payments are non-refundable,except where required by law. These Terms do not override any mandatory local laws regarding your cancellation rights.</p>
+                        <p class="fs-regular-12 neutral-black-fs-70">Changes. We may change our prices from time to time. If we increase our subscription prices, we will give you at least 30 days’ notice and any price increase will take effect on your next renewal so that you can cancel if you do not agree to the price increase</p>
+                        <p class="fs-regular-14 neutral-black-fs-100 mb-1">5. Termination and Suspension</p>
+                        <p class="fs-regular-12 neutral-black-fs-70">Termination. You are free to stop using our Services at any time. We reserve the right to suspend or terminate your access to our Services or delete your account if we determine:
+                        <ul class="pl-2">
+                        <li class="fs-regular-12 neutral-black-fs-70">- You breached these Terms of Service.</li>
+                        <li class="fs-regular-12 neutral-black-fs-70">- We must do so to comply with the law.</li>
+                        <li class="fs-regular-12 neutral-black-fs-70">- Your use of our Services could cause risk or harm to AIappOnsite or anyone else.</li>
+                        </ul>
+                        </p>
+                        <p class="fs-regular-12 neutral-black-fs-70">Appeals. If you believe we have suspended or terminated your account in error, you can file an appeal with us by contacting our Support team.</p>
+                        <p class="fs-regular-14 neutral-black-fs-100 mb-1">6. Discontinuation of Services</p>
+                        <p class="fs-regular-12 neutral-black-fs-70">We may decide to discontinue our Services, but if we do, we will give you advance notice and a refund for any prepaid, unused services.</p>
+                        <p class="fs-regular-14 neutral-black-fs-100 mb-1">7. Disclaimer of Warranties</p>
+                        <p class="fs-regular-12 neutral-black-fs-70">Our services are provided “as is.” except to the extent prohibited by law, we and our affiliates and licensors make no warranties (express, implied, statutory or otherwise) with respect to the services, and disclaim all warranties including, but not limited to, warranties of merchantability, fitness for a particular purpose,satisfactory quality, non-infringement, and quiet enjoyment, and any warranties arising out of any course of dealing or trade usage. We do not warrant that the services will be uninterrupted, accurate or error free, or that any content will be secure or not lost or altered.</p>
+                        <p class="fs-regular-12 neutral-black-fs-70">You accept and agree that any use of the service is at your sole risk.</p>
+                        <p class="fs-regular-14 neutral-black-fs-100 mb-1">8. Limitation of liability</p>
+                        <p class="fs-regular-12 neutral-black-fs-70">Neither we nor any of our affiliates or licensors will be liable for any indirect,incidental, special, consequential, or exemplary damages, including damages for loss of profits, goodwill, use, or data or other losses, even if we have been advised of the possibility of such damages. Our aggregate liability under these terms will not exceed the greater of the amount you paid for the service that gave rise to the claim during the 12 months before the liability arose or one hundred dollars ($100).The limitations in this section apply only to the maximum extent permitted by applicable law.</p>
+                        <p class="fs-regular-12 neutral-black-fs-70">Some countries and states do not allow the disclaimer of certain warranties or the limitation of certain damages, so some or all of the terms above may not apply to you, and you may have additional rights. In that case, these Terms only limit our responsibilities to the maximum extent permissible in your country of residence.</p>
+                        <p class="fs-regular-12 neutral-black-fs-70">Aiapponsite’s affiliates, suppliers, licensors, and distributors are intended third party beneficiaries of this section.</p>
+                        <p class="fs-regular-14 neutral-black-fs-100 mb-1">9. Indemnity</p>
+                        <p class="fs-regular-12 neutral-black-fs-70">If you are a business or organization, to the extent permitted by law, you will indemnify and hold harmless us,our affiliates, and our personnel, from and against any costs, losses, liabilities, and expenses (including attorneys’ fees) from third party claims arising out of or relating to your use of the Services and Content or any violation of these Terms.</p>
+                        <div class="terms-form-group form-group mb-0" id="terms-form-group">
+                        <input type="checkbox" id="terms_conditions">
+                        <label for="terms_conditions" class="fs-regular-14 pl-1 neutral-black-fs-90">Agree to Terms of Service</label>
+                        </div>
+                    </div>
+                    <div class="divider-light mt-2 mb-3" id="divider"></div>
+                    <div class="button-wrap" id="terms_conditions_button">
+                        <button type="button" id="download_ai_app_terms_of_service" role="button" class="btn fs-medium-14 neutral-black-fs-60 radius-6 py-6 px-16 border border-2 bg-white" name="save-plugin-settings" onclick="ai_app_onsite_download_terms_Of_service()">Download</button>
+                        <button type="button" id="accept_ai_app_terms_of_service" class="btn fs-medium-14 neutral-black-fs-60 radius-6 py-6 px-16 border border-2 bg-purple border-purple text-white" name="save-plugin-settings" data-bs-dismiss="modal">Accept</button>
+                    </div>
+                    </div>
+                </div>
+                </div>
             </div>
-            <div class="modal-body mb-1">
-              <div id="terms-conditions-modal-pdf">
-                <p class="fs-regular-14 neutral-black-fs-100 mb-3 text-center">Terms of Services</p>
-                <p class="fs-regular-14 neutral-black-fs-90">Please read these terms carefully before using our service.</p>
-                <p class="fs-regular-14 neutral-black-fs-100 mb-1">1. User Responsibility</p>
-                <p class="fs-regular-12 neutral-black-fs-70">If you reside in the European Economic Area, Switzerland, the UK, California or some other locations, you may be subject to special conditions and laws that govern the use of AI. These and other locales also have privacy and data protection rules and laws that may also dictate how you can leverage tools like AIappOnsite.</p>
-                <p class="fs-regular-12 neutral-black-fs-70">It is important that you abide by all such applicable laws. Furthermore, you may not use the Service in a way that infringes, misappropriates or violates anyone’s rights. You may also not use the Service in a way that endangers or harms, or intends to do the same, to end users of applications built with the Service.</p>
-                <p class="fs-regular-14 neutral-black-fs-100 mb-1">2. Using AI Services</p>
-                <p class="fs-regular-12 neutral-black-fs-70">The Service requires that the site owner or their designee provide an API key which the Service will use tointegrate with an AI model provider. All AI functionality of the Service depends on one or more API keys, whichis provided by the various AI model vendors. An account must be opened with one of these vendors in order to get an API key.</p>
-                <p class="fs-regular-12 neutral-black-fs-70">These AI model providers are separate companies and unaffiliated with the Service, and have their own terms and conditions. Read them carefully. The API keys and their use are bound by the terms and conditions of the AI model provider and strictly controlled by the site owner or their designee (not AIappOnsite).</p>
-                <p class="fs-regular-14 neutral-black-fs-100 mb-1">3. Limitation of Liability</p>
-                <p class="fs-regular-12 neutral-black-fs-70">Given that the site owner fully controls the use, purpose and output of any application built with it, AIappOnsite bears no responsibility or liability for how it is used, or to any consequences of its use by site owners or their site visitors.</p>
-                <p class="fs-regular-12 neutral-black-fs-70">You agree that you are leveraging third party AI models and services separate from AIappOnsite, and that you have full control over and final responsibility for the prompts that will access the API as well as the end-user experience, and any representations made to them.</p>
-                <p class="fs-regular-14 neutral-black-fs-100 mb-1">4. Paid Accounts</p>
-                <p class="fs-regular-12 neutral-black-fs-70">Billing. If you purchase any services, you will provide complete and accurate billing information, including a valid payment method. For paid subscriptions, we will automatically charge your payment method on each agreed-upon periodic renewal until you cancel. You’re responsible for all applicable taxes, and we’ll charge tax when required. If your payment cannot be completed, we may downgrade your account or suspend your access to our services until payment is received.</p>
-                <p class="fs-regular-12 neutral-black-fs-70">Cancellation. You can cancel your paid subscription at any time. Previous payments are non-refundable,except where required by law. These Terms do not override any mandatory local laws regarding your cancellation rights.</p>
-                <p class="fs-regular-12 neutral-black-fs-70">Changes. We may change our prices from time to time. If we increase our subscription prices, we will give you at least 30 days’ notice and any price increase will take effect on your next renewal so that you can cancel if you do not agree to the price increase</p>
-                <p class="fs-regular-14 neutral-black-fs-100 mb-1">5. Termination and Suspension</p>
-                <p class="fs-regular-12 neutral-black-fs-70">Termination. You are free to stop using our Services at any time. We reserve the right to suspend or terminate your access to our Services or delete your account if we determine:
-                <ul class="pl-2">
-                  <li class="fs-regular-12 neutral-black-fs-70">- You breached these Terms of Service.</li>
-                  <li class="fs-regular-12 neutral-black-fs-70">- We must do so to comply with the law.</li>
-                  <li class="fs-regular-12 neutral-black-fs-70">- Your use of our Services could cause risk or harm to AIappOnsite or anyone else.</li>
-                </ul>
-                </p>
-                <p class="fs-regular-12 neutral-black-fs-70">Appeals. If you believe we have suspended or terminated your account in error, you can file an appeal with us by contacting our Support team.</p>
-                <p class="fs-regular-14 neutral-black-fs-100 mb-1">6. Discontinuation of Services</p>
-                <p class="fs-regular-12 neutral-black-fs-70">We may decide to discontinue our Services, but if we do, we will give you advance notice and a refund for any prepaid, unused services.</p>
-                <p class="fs-regular-14 neutral-black-fs-100 mb-1">7. Disclaimer of Warranties</p>
-                <p class="fs-regular-12 neutral-black-fs-70">Our services are provided “as is.” except to the extent prohibited by law, we and our affiliates and licensors make no warranties (express, implied, statutory or otherwise) with respect to the services, and disclaim all warranties including, but not limited to, warranties of merchantability, fitness for a particular purpose,satisfactory quality, non-infringement, and quiet enjoyment, and any warranties arising out of any course of dealing or trade usage. We do not warrant that the services will be uninterrupted, accurate or error free, or that any content will be secure or not lost or altered.</p>
-                <p class="fs-regular-12 neutral-black-fs-70">You accept and agree that any use of the service is at your sole risk.</p>
-                <p class="fs-regular-14 neutral-black-fs-100 mb-1">8. Limitation of liability</p>
-                <p class="fs-regular-12 neutral-black-fs-70">Neither we nor any of our affiliates or licensors will be liable for any indirect,incidental, special, consequential, or exemplary damages, including damages for loss of profits, goodwill, use, or data or other losses, even if we have been advised of the possibility of such damages. Our aggregate liability under these terms will not exceed the greater of the amount you paid for the service that gave rise to the claim during the 12 months before the liability arose or one hundred dollars ($100).The limitations in this section apply only to the maximum extent permitted by applicable law.</p>
-                <p class="fs-regular-12 neutral-black-fs-70">Some countries and states do not allow the disclaimer of certain warranties or the limitation of certain damages, so some or all of the terms above may not apply to you, and you may have additional rights. In that case, these Terms only limit our responsibilities to the maximum extent permissible in your country of residence.</p>
-                <p class="fs-regular-12 neutral-black-fs-70">Aiapponsite’s affiliates, suppliers, licensors, and distributors are intended third party beneficiaries of this section.</p>
-                <p class="fs-regular-14 neutral-black-fs-100 mb-1">9. Indemnity</p>
-                <p class="fs-regular-12 neutral-black-fs-70">If you are a business or organization, to the extent permitted by law, you will indemnify and hold harmless us,our affiliates, and our personnel, from and against any costs, losses, liabilities, and expenses (including attorneys’ fees) from third party claims arising out of or relating to your use of the Services and Content or any violation of these Terms.</p>
-                <div class="terms-form-group form-group mb-0">
-                  <input type="checkbox" id="terms_conditions">
-                  <label for="terms_conditions" class="fs-regular-14 pl-1 neutral-black-fs-90">Agree to Terms of Service</label>
-                </div>
-              </div>
-              <div class="divider-light mt-2 mb-3"></div>
-              <div class="button-wrap">
-                <button type="button" id="download_ai_app_terms_of_service" role="button" class="btn fs-medium-14 neutral-black-fs-60 radius-6 py-6 px-16 border border-2 bg-white" name="save-plugin-settings" onclick="ai_app_onsite_download_terms_Of_service()">Download</button>
-                <button type="button" id="accept_ai_app_terms_of_service" class="btn fs-medium-14 neutral-black-fs-60 radius-6 py-6 px-16 border border-2 bg-purple border-purple text-white" name="save-plugin-settings" data-bs-dismiss="modal">Accept</button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
 <?php

ai-app-onsite/trunk/includes/class-ai-app-onsite-app-preview.php

-                      r3281194
+                      r3307540
                         <div class="row" id="system-settings-container">
                             <p class="fs-6 font-semibold">Style Settings</p>
                             <form class="form-wrapper" method="POST" enctype="multipart/form-data">
+                            <form class="form-wrapper" method="POST" id="app_preview_settings_form" enctype="multipart/form-data">
                                 <?php wp_nonce_field('ai_app_onsite_app_properties_nonce', 'ai_app_onsite_app_properties_nonce_field'); ?>
                                 <!-- Colors Selector -->
 …
                                                 <div class="input-group-color">
                                                     <label class="color-container title-color green-check">
                                                         <input type="radio" checked="checked" name="title-color" value="#5c5c5c">
+                                                        <input type="radio" name="title-color" value="#5c5c5c" checked="checked">
                                                         <span class="checkmark"></span>
                                                     </label>
 …
                                                 <div class="input-group-color">
                                                     <label class="color-container font-color white-check">
                                                         <input type="radio" checked="checked" name="font-color" value="#8d949a">
+                                                        <input type="radio"  name="font-color" value="#8d949a" checked="checked">
                                                         <span class="checkmark"></span>
                                                     </label>
 …
                                                 <div class="input-group-color">
                                                     <label class="color-container bg-color grey-check">
                                                         <input type="radio" checked="checked" name="bg-color" value="#f4f4f4">
+                                                        <input type="radio" name="bg-color" value="#f4f4f4" checked="checked">
                                                         <span class="checkmark"></span>
                                                     </label>
 …
                                 <div class="text-end mb-3" id="preview-action-container">
                                     <button type="button" id="preview_ai_app_app_properties_data" role="button" class="btn fs-medium-14 neutral-black-fs-60 radius-6 py-8 px-16 border border-2 bg-white" name="preview-plugin-settings" onclick="ai_app_onsite_create_app_preview_form(true)">Preview</button>
                                     <button type="button" id="save_ai_app_app_properties_data" class="btn btn-purple fs-medium-14 neutral-black-fs-60 radius-6 py-8 px-16 border border-2 bg-purple-100 text-white" name="save-plugin-settings" onclick="ai_app_onsite_update_style_properties_only()">Save</button>
+                                    <button type="button" id="save_ai_app_app_properties_data" class="btn btn-purple fs-medium-14 neutral-black-fs-60 radius-6 py-8 px-16 border border-2 bg-purple-100 text-white" id="ai_app_onsite_update_style_properties_only" onclick="ai_app_onsite_update_style_properties_only()">Save</button>
                                 </div>
                             </form>

ai-app-onsite/trunk/includes/class-ai-app-onsite-app-properties.php

-                      r3281194
+                      r3307540
       <!--  Render your plugin setting tab page here -->
       <div>
         <form class="form-wrapper" method="POST" enctype="multipart/form-data">
+        <form class="form-wrapper" id="app-details-form" method="POST" enctype="multipart/form-data">
           <?php wp_nonce_field('ai_app_onsite_app_properties_nonce', 'ai_app_onsite_app_properties_nonce_field'); ?>
           <div class="form-group mb-20">
 …
                   <div class="assets-folder-icon"></div>
                 </span>
                 <input type="text" name="app-name" id="app-name" class="border border-1 w-100 mb-1 fs-regular-14 neutral-black-fs-60 radius-6 px-10 py-8">
+                <input type="text" name="app-name" id="app-name" class="border border-1 w-100 mb-1 fs-regular-14 neutral-black-fs-60 radius-6 px-10 py-8 app-name" disabled>
                 <p id="app-name-error" class="fields-error"></p>
               </div>
 …
           </div>
           <div class="form-group">
             <label class="fs-medium-14 mb-1">App Logo/Image</label>
+            <label class="fs-medium-14 mb-1">App Image</label>
             <div class="col-12 d-flex flex-column flex-md-row">
               <!-- First div with the file input and preview -->
 …
                         <div class="assets-cross-icon"></div> <!-- You can replace this with an actual cross icon -->
                       </span>
                       <span>Remove Logo</span>
+                      <span>Remove Image</span>
                     </button>
 …
                 <div class="assets-pen-icon"></div>
               </span>
               <textarea class="border text-write w-100 fs-regular-14 neutral-black-fs-100 radius-6" id="app-description" rows="4" cols="50" placeholder=""></textarea>
+              <textarea class="border text-write w-100 fs-regular-14 neutral-black-fs-100 radius-6" id="app-description" name="app-description" rows="4" cols="50" placeholder=""></textarea>
               <p class="neutral-black-fs-60 fs-regular-12 mb-0" id="wordCount">275 characters left</p>
               <p id="app-description-error" class="fields-error"></p>
 …
                 <div class="assets-pen-icon"></div>
               </span>
               <textarea id="app-disclaimer" class="border text-write w-100 fs-regular-14 neutral-black-fs-100 radius-6 " placeholder=""></textarea>
+              <textarea id="app-disclaimer" class="border text-write w-100 fs-regular-14 neutral-black-fs-100 radius-6 "  name="app-disclaimer" placeholder=""></textarea>
               <p class="neutral-black-fs-60 fs-regular-12 mb-0">Note: This app uses OpenAI to generate suggestions and feedback. Never include any personal identifying data when using AI tools.</p>
               <p id="app-disclaimer-error" class="fields-error"></p>

ai-app-onsite/trunk/includes/class-ai-app-onsite-db-handler.php

-                      r3281194
+                      r3307540
         protected $app_properties;
         protected $model_settings;
+        protected $license_settings;
         protected $field_selector_settings;
         protected $prompt_editor;
 …
+        {
+            $this->wpdb = $wpdb;
+            $this->plugin_settings = $wpdb->prefix . 'ai_app_onsite_plugin_settings';
+            $this->app_properties = $wpdb->prefix . 'ai_app_onsite_app_properties';
+            $this->model_settings = $wpdb->prefix . 'ai_app_onsite_model_settings';
+            $this->wpdb                    = $wpdb;
+            $this->plugin_settings         = $wpdb->prefix . 'ai_app_onsite_plugin_settings';
+            $this->app_properties          = $wpdb->prefix . 'ai_app_onsite_app_properties';
+            $this->model_settings          = $wpdb->prefix . 'ai_app_onsite_model_settings';
+            $this->license_settings        = $wpdb->prefix . 'ai_app_onsite_license_settings';
             $this->field_selector_settings = $wpdb->prefix . 'ai_app_onsite_field_selector_settings';
             $this->prompt_editor = $wpdb->prefix . 'ai_app_onsite_prompt_editor';
             $this->user_statistics = $wpdb->prefix . 'ai_app_onsite_user_statistics';
+            $this->prompt_editor           = $wpdb->prefix . 'ai_app_onsite_prompt_editor';
+            $this->user_statistics         = $wpdb->prefix . 'ai_app_onsite_user_statistics';
+        }
 …
             $app_properties = $this->app_properties;
             $model_settings = $this->model_settings;
+            $license_settings = $this->license_settings;
             $field_selector_settings = $this->field_selector_settings;
             $prompt_editor = $this->prompt_editor;
 …
             $app_properties_table =  $app_properties;
             $model_settings_table = $model_settings;
+            $license_settings_table = $license_settings;
             $field_selector_settings_table = $field_selector_settings;
             $prompt_editor_table =  $prompt_editor;
 …
                )";
+            $sql_license_settings = "CREATE TABLE IF NOT EXISTS $license_settings_table (
+                id INT(11) NOT NULL AUTO_INCREMENT,
+                app_id INT(30) NOT NULL,
+                license_key VARCHAR(255),
+                key_status VARCHAR(11),
+                subscription_expiry_date VARCHAR(255),
+                key_disable_status ENUM('true', 'false') DEFAULT 'false',
+                created_at DATETIME NOT NULL,
+                updated_at DATETIME NOT NULL,
+                PRIMARY KEY (id)
+            )";
             $sql_field_selector_settings = "CREATE TABLE IF NOT EXISTS $field_selector_settings_table (
                    id INT(30) NOT NULL AUTO_INCREMENT,
 …
                 $sql_app_properties,
                 $sql_model_settings,
+                $sql_license_settings,
                 $sql_field_selector_settings,
                 $sql_prompt_editor,
 …
             $app_properties_table = $this->app_properties;
             $model_settings_table =  $this->model_settings;
+            $license_settings_table =  $this->license_settings;
             $field_selector_settings_table =  $this->field_selector_settings;
             $prompt_editor_table = $this->prompt_editor;
 …
             $this->wpdb->query("DROP TABLE IF EXISTS $app_properties_table");
             $this->wpdb->query("DROP TABLE IF EXISTS $model_settings_table");
+            $this->wpdb->query("DROP TABLE IF EXISTS $license_settings_table");
             $this->wpdb->query("DROP TABLE IF EXISTS $field_selector_settings_table");
             $this->wpdb->query("DROP TABLE IF EXISTS $prompt_editor_table");

ai-app-onsite/trunk/includes/class-ai-app-onsite-field-selector.php

-                      r3250856
+                      r3307540
             ob_start(); ?>
             <div class="field-select-content">
                 <div id="myForm" class="container">
+                <form id="myForm" class="container">
                     <?php wp_nonce_field('ai_app_onsite_field_selector_nonce', 'ai_app_onsite_field_selector_nonce_field'); ?>
                     <div class="row alignment-items-center mb-4">
 …
                             <div class="select-percentage">
                                 <label class="fs-medium-14 mb-0">App Width</label>
                                 <select id="app_width_figure" class="number-select">
+                                <select id="app_width_figure" name="app_width_figure" class="number-select">
                                     <option value="30">30%</option>
                                     <option value="50">50%</option>
 …
                         <button type="button" id="save_ai_app_ai_app_fieldselector_data" class="btn btn-purple fs-medium-14 neutral-black-fs-60 radius-6 py-8 px-16 border border-2 bg-purple-100 text-white" name="save-plugin-settings" onclick="ai_app_onsite_save_ai_app_fieldselector_data()">Save</button>
                     </div>
                 </div>
+                </form>
             </div>
             <div id="field-selector-msg-container" class="message-container"></div>

ai-app-onsite/trunk/includes/class-ai-app-onsite-model-settings.php

-                      r3272415
+                      r3307540
             <div class="modal-setting-content">
                 <div id="modal-setting-msg-container"></div>
+                <form class="form-wrapper" id="ai_app_onsite_reset_modal-setting">
+                    <?php wp_nonce_field('ai_app_onsite_model_settings_nonce', 'ai_app_onsite_model_settings_nonce_field'); ?>
+                <form class="form-wrapper" id="ai_app_onsite_reset_modal-setting"> <?php wp_nonce_field('ai_app_onsite_model_settings_nonce', 'ai_app_onsite_model_settings_nonce_field'); ?>
                     <div class="row">
                         <div class="col-lg-12">
 …
                                     <div class="assets-engine-icon"></div>
                                 </span>
                                 <select id="model" class="border border-1 w-100 mb-1 fs-regular-14 neutral-black-fs-60  radius-6 px-10 py-8">
+                                <select id="model" name="model" class="border border-1 w-100 mb-1 fs-regular-14 neutral-black-fs-60 radius-6 px-10 py-8">
                                     <option value="">Please Select Model</option>
                                     <option value="gpt-4o">Open AI - gpt-4o</option>
 …
                         </div>
                     </div>
+            <div id="model-dependent-fields" class="row">
+                        <div class="col-lg-6 mb-20">
+                            <div class="form-group">
+                                <label class="fs-medium-14 font-semibold">Max Tokens</label>
+                                <div class="select-box-icon">
+                                    <span class="field-icon">
+                                        <div class="assets-token-icon"></div>
+                                    </span>
+                                    <input type="text" name="" placeholder="3000" id="max-tokens" class="border border-1 w-100 fs-regular-14 neutral-black-fs-60  radius-6 px-10 py-8" value="3000">
+                                    <span class="small-text text-muted">Maximum number of tokens (words & characters) allowed in response.</span>
+                                </div>
+                            </div>
+                    <div id="model-dependent-fields" class="row">
+                    <div class="col-lg-6 mb-20">
+                        <div class="form-group">
+                        <label class="fs-medium-14 font-semibold">Max Tokens</label>
+                        <div class="select-box-icon">
+                            <span class="field-icon">
+                            <div class="assets-token-icon"></div>
+                            </span>
+                            <input type="text" name="max-tokens" placeholder="3000" id="max-tokens" class="border border-1 w-100 fs-regular-14 neutral-black-fs-60  radius-6 px-10 py-8" value="3000">
+                            <span class="small-text text-muted">Maximum number of tokens (words & characters) allowed in response.</span>
                         </div>
-                        <div class="col-lg-6 mb-20">
-                            <div class="form-group">
-                                <label class="fs-medium-14 font-semibold">Temperature</label>
-                                <div class="select-box-icon">
-                                    <span class="field-icon">
-                                        <div class="assets-temprature-icon"></div>
-                                    </span>
-                                    <input type="text" name="temperature" placeholder="1" id="temperature" class="border border-1 w-100 fs-regular-14 neutral-black-fs-60  radius-6 px-10 py-8" value="0.7">
-                                    <span class="small-text text-muted">Controls creativity — higher value = more random responses.</span>
-                                </div>
-                            </div>
                         </div>
+                        <div class="col-lg-6 mb-20">
+                            <div class="form-group">
+                                <label class="fs-medium-14 font-semibold">Top P</label>
+                                <div class="select-box-icon">
+                                    <span class="field-icon">
+                                        <div class="assets-temprature-icon"></div>
+                                    </span>
+                                    <input type="text" name="top-p" placeholder="1" id="top-p" class="border border-1 w-100 fs-regular-14 neutral-black-fs-60  radius-6 px-10 py-8" value="1">
+                                    <span class="small-text text-muted">Controls diversity — lower value = more focused responses.</span>
+                                </div>
+                            </div>
+                    </div>
+                    <div class="col-lg-6 mb-20">
+                        <div class="form-group">
+                        <label class="fs-medium-14 font-semibold">Temperature</label>
+                        <div class="select-box-icon">
+                            <span class="field-icon">
+                            <div class="assets-temprature-icon"></div>
+                            </span>
+                            <input type="text" name="temperature" placeholder="1" id="temperature" class="border border-1 w-100 fs-regular-14 neutral-black-fs-60  radius-6 px-10 py-8" value="0.7">
+                            <span class="small-text text-muted">Controls creativity — higher value = more random responses.</span>
                         </div>
-                        <div class="col-lg-6 mb-20">
-                            <div class="form-group mb-0">
-                                <label class="fs-medium-14 font-semibold">F. Penalty</label>
-                                <div class="select-box-icon">
-                                    <span class="field-icon">
-                                        <div class="assets-penalty-icon"></div>
-                                    </span>
-                                    <input type="text" name="f-penalty" placeholder="0" id="f-penalty" class="border border-1 w-100  fs-regular-14 neutral-black-fs-60  radius-6 px-10 py-8" value="0">
-                                    <span class="small-text text-muted">Reduces repetition of existing words in the response.</span>
-                                </div>
-                            </div>
                         </div>
+                        <div class="col-lg-6 mb-20">
+                            <div class="form-group mb-0">
+                                <label class="fs-medium-14 font-semibold">P. Penalty</label>
+                                <div class="select-box-icon">
+                                    <span class="field-icon">
+                                        <div class="assets-penalty-icon"></div>
+                                    </span>
+                                    <input type="text" name="p-penalty" placeholder="0" id="p-penalty" class="border border-1 w-100 fs-regular-14 neutral-black-fs-60  radius-6 px-10 py-8" value="0">
+                                    <span class="small-text text-muted">Reduces repetition of new words in the response.</span>
+                                </div>
+                            </div>
+                    </div>
+                    <div class="col-lg-6 mb-20">
+                        <div class="form-group">
+                        <label class="fs-medium-14 font-semibold">Top P</label>
+                        <div class="select-box-icon">
+                            <span class="field-icon">
+                            <div class="assets-temprature-icon"></div>
+                            </span>
+                            <input type="text" name="top-p" placeholder="1" id="top-p" class="border border-1 w-100 fs-regular-14 neutral-black-fs-60  radius-6 px-10 py-8" value="1">
+                            <span class="small-text text-muted">Controls diversity — lower value = more focused responses.</span>
                         </div>
+            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-6 mb-20">
+                        <div class="form-group mb-0">
+                        <label class="fs-medium-14 font-semibold">F. Penalty</label>
+                        <div class="select-box-icon">
+                            <span class="field-icon">
+                            <div class="assets-penalty-icon"></div>
+                            </span>
+                            <input type="text" name="f-penalty" placeholder="0" id="f-penalty" class="border border-1 w-100  fs-regular-14 neutral-black-fs-60  radius-6 px-10 py-8" value="0">
+                            <span class="small-text text-muted">Reduces repetition of existing words in the response.</span>
+                        </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-6 mb-20">
+                        <div class="form-group mb-0">
+                        <label class="fs-medium-14 font-semibold">P. Penalty</label>
+                        <div class="select-box-icon">
+                            <span class="field-icon">
+                            <div class="assets-penalty-icon"></div>
+                            </span>
+                            <input type="text" name="p-penalty" placeholder="0" id="p-penalty" class="border border-1 w-100 fs-regular-14 neutral-black-fs-60  radius-6 px-10 py-8" value="0">
+                            <span class="small-text text-muted">Reduces repetition of new words in the response.</span>
+                        </div>
+                        </div>
+                    </div>
+                    </div>
                     <div class="divider-light"></div>
                     <div class="row justify-content-center">
+                        <div class="col-lg-6" id="api-key-management">
+                            <div class="api-key-icon select-box-icon d-flex justify-content-around align-items-center" onclick="ai_app_onsite_get_openapi_data()">
+                                <span class="#">
+                                    <div class="assets-api-key-icon"></div>
+                                </span>
+                                <p class="mb-0 fs-6 cursor-pointer" data-bs-toggle="modal" data-bs-target="#apiinfoModal">
+                                    API Key Management
+                                </p>
+                                <span class="mb-0">
+                                    <p id="key-status" class="mb-0 font-semibold fs-6"></p>
+                                </span>
+                            </div>
+                            <p id="manage-key-error" class="mt-2 ml-3 fields-error"></p>
+                    <div class="col-lg-6" id="api-key-management">
+                        <div class="api-key-icon select-box-icon d-flex justify-content-around align-items-center" onclick="ai_app_onsite_get_openapi_data()">
+                        <span class="#">
+                            <div class="assets-api-key-icon"></div>
+                        </span>
+                        <p class="mb-0 fs-6 cursor-pointer" data-bs-toggle="modal" data-bs-target="#apiinfoModal"> API Key Management </p>
+                        <span class="mb-0">
+                            <p id="key-status" class="mb-0 font-semibold fs-6"></p>
+                        </span>
                         </div>
+                        <div class="col-lg-6">
+                            <div class="text-end">
+                                <button type="button" id="cancel_ai_app_plugin_settings_data" role="button" class="btn fs-medium-14 neutral-black-fs-60 radius-6 py-8 px-16 border border-2 bg-white" name="save-plugin-settings" onclick="reset()">Reset to Default</button>
+                                <button type="button" id="save_ai_app_plugin_settings_data" class="btn btn-purple fs-medium-14 neutral-black-fs-60 radius-6 py-8 px-16 border border-2 bg-purple-100 text-white" name="save-plugin-settings" onclick="ai_app_onsite_save_model_settings()">Save</button>
+                            </div>
+                        <p id="manage-key-error" class="mt-2 ml-3 fields-error"></p>
+                    </div>
+                    <div class="col-lg-6">
+                        <div class="text-end">
+                        <button type="button" id="cancel_ai_app_plugin_settings_data" role="button" class="btn fs-medium-14 neutral-black-fs-60 radius-6 py-8 px-16 border border-2 bg-white" name="save-plugin-settings" onclick="reset()">Reset to Default</button>
+                        <button type="button" id="save_ai_app_modal_settings_data" class="btn btn-purple fs-medium-14 neutral-black-fs-60 radius-6 py-8 px-16 border border-2 bg-purple-100 text-white" name="save-plugin-settings" onclick="ai_app_onsite_save_model_settings()">Save</button>
                         </div>
                     </div>
+                    </div>
                 </form>
                 <!-- Modal -->
                 <div class="modal fade bd-example-modal-sm plugin-setting" id="apiinfoModal" tabindex="-1" role="dialog" aria-labelledby="apiinfoModalLabel" aria-hidden="true">
                     <div class="modal-dialog modal-sm modal-400 modal-dialog-centered" role="document">
+                        <div class="modal-content">
+                            <div id="modal-message-container" class="message-container"></div>
+                            <div class="modal-header">
+                                <h5 class="fs-bold-16 mb-0 logo-bg-fixed-sm" id="terms_conditions_modal_label">
+                                </h5>
+                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    <div class="modal-content">
+                        <div id="modal-message-container" class="message-container"></div>
+                        <div class="modal-header">
+                        <h5 class="fs-bold-16 mb-0 logo-bg-fixed-sm" id="terms_conditions_modal_label"></h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                        </div>
+                        <div class="modal-body">
+                        <p class="fs-regular-14 neutral-black-fs-100">Please enter your OpenAI API key below. You can get an API key from your <a href="https://openai.com/api/" class="neutral-black-fs-100 underline open-new-tab"> OpenAI account dashboard.</a>
+                        </p>
+                        <div class="form-group mb-0">
+                            <label class="fs-medium-14 fw-semibold">API Key</label>
+                            <div class="select-box-icon right-icon">
+                            <span class="field-icon copy-api-key">
+                                <div class="assets-copy-icon"></div>
+                            </span>
+                            <input type="text" name="openai-key" placeholder="Enter text" class="border border-1 w-100 fs-regular-14 neutral-black-fs-60  radius-6 px-10 py-8" id="openai-key">
+                            <input type="hidden" name="openai-key-hidden" id="openai-key-hidden">
                             </div>
+                            <div class="modal-body">
+                                <p class="fs-regular-14 neutral-black-fs-100">Please enter your OpenAI API key below. You can get an API key from your <a href="" class="neutral-black-fs-100 underline"> OpenAI account dashboard.</a></p>
+                                <div class="form-group mb-0">
+                                    <label class="fs-medium-14 fw-semibold">API Key</label>
+                                    <div class="select-box-icon right-icon">
+                                        <span class="field-icon copy-api-key">
+                                            <div class="assets-copy-icon"></div>
+                                        </span>
+                                        <input type="text" name="openai-key" placeholder="Enter text" class="border border-1 w-100 fs-regular-14 neutral-black-fs-60  radius-6 px-10 py-8" id="openai-key">
+                                        <input type="hidden" name="openai-key-hidden" id="openai-key-hidden">
+                                    </div>
+                                    <div class="d-flex justify-content-start align-items-center mt-2 key-toggle">
+                                        <span id="maskToggle" class="text-muted me-3 mask__toggle">Show Key</span>
+                                    </div>
+                                    <p id="openai-key-error" class="fields-error"></p>
+                                </div>
+                                <p class="fs-regular-12 neutral-black-fs-60 mb-1 mt-2">Note: Your API key will be stored locally and securely in your browser and never shared.</p>
+                                <div class="flex-row alignment-items-center mt-3 mb-3">
+                                    <div class="col-50">
+                                    <button class="btn remove-btn align-items-center" id="key-remove-btn" onclick="ai_app_onsite_clear_openapi_Key_field()">
+                                            <span class="btn-icon me-1">
+                                                <div class="assets-delete-icon"></div>
+                                            </span> Remove API Key
+                                        </button>
+                                    </div>
+                                    <div class="col-50">
+                                        <div class="enable-switch-box d-flex justify-content-between align-items-baseline">
+                                            <span class="fs-medium-14 text-switch me-2" id="text-switch">Disabled</span>
+                                            <label class="switch">
+                                                <input type="checkbox" id="api-disable-btn" onchange="ai_app_onsite_disable_openapi_key()">
+                                                <span class="slider round"></span>
+                                            </label>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="divider-light mt-2 mb-3"></div>
+                                <div class="button-wrap">
+                                    <button type="button" role="button" class="btn fs-medium-14 neutral-black-fs-60 radius-6 py-6 px-16 border  border-2 bg-white" name="save-plugin-settings" data-bs-dismiss="modal">Cancel</button>
+                                    <button type="button" class="btn btn-purple fs-medium-14 neutral-black-fs-60 radius-6 py-6 px-16 border border-2  bg-purple text-white" name="save-openapi-key" id="save-openapi-key" onclick="save_openapi_key()">Save</button>
+                                </div>
+                            <div class="d-flex justify-content-start align-items-center mt-2 key-toggle">
+                            <span id="maskToggle" class="text-muted me-3 mask__toggle">Show Key</span>
+                            </div>
+                            <p id="openai-key-error" class="fields-error"></p>
+                        </div>
+                        <p class="fs-regular-12 neutral-black-fs-60 mb-1 mt-2">Note: Your API key will be stored locally and securely in your browser and never shared.</p>
+                        <div class="flex-row alignment-items-center mt-3 mb-3">
+                            <div class="col-50">
+                            <button class="btn remove-btn align-items-center" id="key-remove-btn" onclick="ai_app_onsite_clear_openapi_Key_field()">
+                                <span class="btn-icon me-1">
+                                <div class="assets-delete-icon"></div>
+                                </span> Remove API Key </button>
+                            </div>
+                            <div class="col-50">
+                            <div class="enable-switch-box d-flex justify-content-between align-items-baseline">
+                                <span class="fs-medium-14 text-switch me-2" id="text-switch">Disabled</span>
+                                <label class="switch">
+                                <input type="checkbox" id="api-disable-btn" onchange="ai_app_onsite_disable_openapi_key()">
+                                <span class="slider round"></span>
+                                </label>
+                            </div>
                             </div>
                         </div>
+                        <div class="divider-light mt-2 mb-3"></div>
+                        <div class="button-wrap">
+                            <button type="button" role="button" class="btn fs-medium-14 neutral-black-fs-60 radius-6 py-6 px-16 border  border-2 bg-white" name="save-plugin-settings" data-bs-dismiss="modal">Cancel</button>
+                            <button type="button" class="btn btn-purple fs-medium-14 neutral-black-fs-60 radius-6 py-6 px-16 border border-2  bg-purple text-white" name="save-openapi-key" id="save-openapi-key" onclick="save_openapi_key()">Save</button>
+                        </div>
+                        </div>
+                    </div>
                     </div>
                 </div>
+                <!-- Modal -->
             </div>
             <div id="model-settings-msg-container" class="message-container"></div>

ai-app-onsite/trunk/includes/class-ai-app-onsite-plugin-settings.php

-                      r3281201
+                      r3307540
 <?php
+if (! class_exists('AI_App_Onsite_Plugin_Settings')) {
+    class AI_App_Onsite_Plugin_Settings
+    {
+        public static function render_plugin_settings()
+        {
+            $plugin_data = get_plugin_data(WP_PLUGIN_DIR . '/ai-app-onsite/ai-app-onsite.php');
+            $version = $plugin_data['Version'];
+            ob_start(); ?>
+            <div class="form-wrapper">
+                <form enctype="multipart/form-data">
+                    <?php wp_nonce_field('ai_app_onsite_plugin_settings_nonce', 'ai_app_onsite_plugin_settings_nonce_field'); ?>
+                    <div class="mb-20">
+                        <div class="d-flex justify-content-between mb-0 align-items-center">
+                            <p class="font-bold fs-5 mb-0">Get Started</p>
+                            <p class="fs-regular-14 neutral-black-fs-60 mb-0">Version: <?php echo $version; ?></p>
+if (!class_exists("AI_App_Onsite_Plugin_Settings")) {
+  class AI_App_Onsite_Plugin_Settings
+  {
+    public static function render_plugin_settings()
+    {
+      $plugin_data = get_plugin_data(plugin_dir_path(__DIR__) . "/ai-app-onsite.php");
+      $version = $plugin_data["Version"];
+      ob_start();
+?>
+  <div class="app-plugin-settings">
+    <div class="form-wrapper">
+        <div class="col-12 col-md-12">
+            <div class="row d-flex align-items-center mb-2">
+                <div class="col-md-6">
+                    <p class="font-bold fs-5 mb-0">Access Key</p>
+                </div>
+                <div class="col-md-6">
+                    <div class="api-key-icon d-flex justify-content-end align-items-center">
+                        <span class="px-3" >
+                            <div class="assets-api-key-icon"> </div>
+                        </span>
+                        <p class="fs-7 cursor-pointer mb-0" data-bs-toggle="modal" data-bs-target="#license_key_info_modal">
+                             Key Management
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="row d-flex align-items-center">
+                <div class="col-md-12">
+                <p class="fs-7 mb-0">Unlock powerful extra features with an AIappOnsite premium plan. <a href="https://aiapponsite.com/pricing" class="open-new-tab">Learn more</a> and get your access key now</p>
+                </div>
+            </div>
+            <div class="row d-flex justify-content-center mt-3">
+                <div class="col-12 col-md-4 align-items-center mb-3" id="license_status">
+                    <div class="row d-flex">
+                        <label for="licence_key" class="d-block fs-regular-10 mb-only-4">Verification Status</label>
+                        <p class="font-bold mb-1" id="license_key_status"></p>
+                    </div>
+                </div>
+                <div class="col-12 col-md-4 align-items-center mb-3" id="expiry_status">
+                    <div class="row d-flex">
+                        <label for="licence_key" class="d-block fs-regular-10 mb-only-4">Exipry Date</label>
+                        <p class="font-bold mb-1" id="license_key_expiry_date"></p>
+                    </div>
+                </div>
+                <div class="col-12 col-md-4 align-items-center mb-3" id="key_status">
+                    <div class="row d-flex">
+                        <label for="licence_key" class="d-block fs-regular-10 mb-only-4">Key Status</label>
+                        <p class="font-bold mb-1" id="license_key_disabled_status"></p>
+                    </div>
+                </div>
+            </div>
+            <div class="divider-light mt-2 mb-2"></div>
+        </div>
+        <form enctype="multipart/form-data" id="app_settings_form">
+            <?php wp_nonce_field("ai_app_onsite_plugin_settings_nonce","ai_app_onsite_plugin_settings_nonce_field"); ?> <div class="mb-20">
+                <div class="d-flex justify-content-between mb-0 align-items-center">
+                    <p class="font-bold fs-5 mb-0">Get Started</p>
+                    <p class="fs-regular-14 neutral-black-fs-60 mb-0">Version: <?php echo $version; ?> </p>
+                </div>
+                <div class="terms-form-group form-group mb-0">
+                    <input type="checkbox" id="terms_of_service-old" name="terms_of_service-old" onchange="uploadTermCondition(this)">
+                    <label for="terms_of_service-old" data-toggle="modal" data-target=".bd-example-modal-sm" class="custom-checkbox fs-medium-14 ">
+                        <span class="ml-1">Agree to Terms of Service</span>
+                    </label>
+                </div>
+                <p class="fs-regular-14 ml-25 mb-1 text-muted"> You must agree to the terms of service to use this plugin. Please read the terms carefully before proceeding. </p>
+                <p id="terms_of_service-error" class="ml-25 fields-error"></p>
+            </div>
+            <div class="mb-3 app_selector_input">
+                <label for="app_selector_input" class="d-block fs-medium-14 mb-only-4 app_selector_input_label" >Create Your First App <span class="text-danger">*</span>
+                </label>
+                <div class="select-box-icon">
+                    <span class="field-icon">
+                        <div class="assets-folder-icon"></div>
+                    </span>
+                    <input type="text" id="app_selector" name="app_selector" placeholder="Please Enter Your App Name" class="border border-1 w-100 mb-1 fs-regular-14 neutral-black-fs-60 radius-6 px-10 py-8">
+                </div>
+            </div>
+            <div class="mb-3">
+                <label for="email-notification" class="d-block fs-medium-14 mb-only-4">App Email (for form data passing) <span class="fs-regular-14"></span>
+                </label>
+                <div class="select-box-icon">
+                    <span class="field-icon">
+                        <div class="assets-email-icon"></div>
+                    </span>
+                    <input type="email" name="app_email" id="app_email" class="border border-1 w-100 mb-1 fs-regular-14 neutral-black-fs-60  radius-6 px-10 py-8">
+                </div>
+            </div>
+            <div class="mb-3">
+                <label class="d-block fs-medium-14 mb-only-4">Banned/blocked words (comma Separated)</label>
+                <div class="multi-select-container select-box-icon mb-20 fs-regular-14 neutral-black-fs-100 border border-1  radius-6 px-10 py-8">
+                    <span class="field-icon">
+                        <div class="assets-banned-icon"></div>
+                    </span>
+                    <div class="multi-select">
+                        <select multiple data-multi-select-plugin id="bannedWords" name="bannedWords"></select>
+                    </div>
+                </div>
+            </div>
+            <div class="form-group">
+                <label class="fs-medium-14">Upload Banned/Block CSV</label>
+                <div class="file-drop-area border ">
+                    <span class="fake-btn">
+                        <div class="assets-upload-file-icon"></div>
+                    </span>
+                    <div>
+                        <p class="file-msg-top mb-0 neutral-black-fs-110">
+                            <span class="text-purple">Click to upload</span> or drag and drop
+                        </p>
+                        <p class="neutral-black-fs-50 mb-0 fs-regular-12">CSV</p>
+                    </div>
+                    <input class="file-input" type="file" id="csv-upload" name="csv-file" accept=".csv" onchange="validateCSVFile(this)">
+                </div>
+                <p id="fileError" class="mt-1 fields-error"></p>
+            </div>
+            <div class="divider-light"></div>
+            <div class="text-end">
+                <button type="button" id="cancel_ai_app_plugin_settings_data" role="button" class="btn fs-medium-14 neutral-black-fs-60 radius-6 py-8 px-16 border border-2 bg-white" name="save-plugin-settings">Cancel</button>
+                <button type="button" id="save_ai_app_plugin_settings_data" class="btn btn-purple fs-medium-14 neutral-black-fs-60 radius-6 py-8 px-16 border border-2 bg-purple-100 text-white" name="save-plugin-settings" onclick="ai_app_onsite_save_plugin_settings()">Save</button>
+            </div>
+        </form>
+    </div>
+    <!-- Modal -->
+    <div class="modal fade bd-example-modal-sm plugin-setting" id="license_key_info_modal" tabindex="-1" role="dialog" aria-labelledby="license_key_info_modalLabel" aria-hidden="true">
+        <div class="modal-dialog modal-sm modal-400 modal-dialog-centered" role="document">
+            <div class="modal-content">
+                <div id="modal-message-container" class="message-container"></div>
+                <div class="modal-header">
+                    <h5 class="fs-bold-16 mb-0" id="terms_conditions_modal_label">AIappOnsite Access Key</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+                    <form method="POST" id="license-validation-form" enctype="multipart/form-data">
+                    <?php wp_nonce_field('ai_app_onsite_app_verify_license_key_nonce', 'ai_app_onsite_app_verify_license_key_nonce_field'); ?>
+                        <p class="fs-regular-14 neutral-black-fs-100">Enter your access key to enable Aiapponsite premium features. For more details, visit our <a href="https://aiapponsite.com/pricing" class="open-new-tab">pricing page</a>. </p>
+                        <div class="form-group mb-0">
+                            <label class="fs-medium-14 fw-semibold">Access Key *</label>
+                            <div class="select-box-icon right-icon">
+                                <input type="text" id="licence_key" name="licence_key" class="border border-1 w-100 fs-regular-14 neutral-black-fs-60 radius-6 px-10 py-8 mt-2" required>
+                                <input type="hidden" id="licence_key_hidden" name="licence_key_hidden">
+                            </div>
+                        </div>
+                        <div class="row align-items-center my-2">
+                            <div class="col-md-12" id="key_note">
+                                <p class="fs-regular-12 text-opacity-50 text-dark fst-italic">Enter your Premium Add-On access key.</p>
+                            </div>
+                        </div>
+                        <div class="divider-light mt-2 mb-3"></div>
+                        <div class="row d-flex align-items-center mt-3 mb-3">
+                            <div class="col-md-12">
+                                <p class="text-muted text-center">You can find and manage your access key on <a href="https://aiapponsite.com/my-account/" class="open-new-tab">My Account</a>. </p>
+                            </div>
+                        </div>
+                        <div class="flex-row alignment-items-center mt-3 mb-3">
+                            <div class="col-50">
+                            <button type="button" class="btn remove-btn align-items-center" id="remove_ai_app_plugin_license_key" onclick="ai_app_onsite_app_remove_license_key()">
+                                <span class="btn-icon me-1">
+                                <div class="assets-delete-icon"></div>
+                                </span> Remove Key</button>
+                            </div>
+                            <div class="col-50">
+                            <div class="enable-switch-box d-flex justify-content-between align-items-baseline">
+                                <span class="fs-medium-14 text-switch me-2" id="license-text-switch">Disabled</span>
+                                <label class="switch">
+                                    <input type="checkbox" id="key-disable-btn" onchange="ai_app_onsite_disable_license_key()">
+                                    <span class="slider round"></span>
+                                </label>
+                            </div>
+                            </div>
                         </div>
+                        <div class="terms-form-group form-group mb-0">
+                            <input type="checkbox" id="terms_of_service-old" onchange="uploadTermCondition(this)">
+                            <label for="terms_of_service-old" data-toggle="modal" data-target=".bd-example-modal-sm" class="custom-checkbox fs-medium-14 "><span class="ml-1">Agree to Terms of Service</span></label>
+                        </div>
+                        <p class="fs-regular-14 ml-25 mb-1 text-muted">
+                            You must agree to the terms of service to use this plugin. Please read the terms carefully before proceeding.
+                        </p>
+                        <p id="terms_of_service-error" class="ml-25 fields-error"></p>
+                    </div>
+                    <div class="mb-3">
+                        <label for="app-selector" class="d-block fs-medium-14 mb-only-4">App/Project Selector
+                            <span class="fs-regular-14">(Multiple Apps With Premium)</span></label>
+                        <div class="select-box-icon">
+              <span class="field-icon">
+                <div class="assets-folder-icon"></div>
+              </span>
+                            <input type="text" id="app_selector" name="app_selector" class="border border-1 w-100 mb-1 fs-regular-14 neutral-black-fs-60  radius-6 px-10 py-8" disabled>
+                        </div>
+                    </div>
+          <div class="mb-3">
+            <label for="email-notification" class="d-block fs-medium-14 mb-only-4">App Email (for form data passing)
+              <span class="fs-regular-14"></span></label>
+            <div class="select-box-icon">
+              <span class="field-icon">
+                <div class="assets-email-icon"></div>
+              </span>
+              <input type="email" name="app_email" id="app_email" class="border border-1 w-100 mb-1 fs-regular-14 neutral-black-fs-60  radius-6 px-10 py-8">
+            </div>
+          </div>
+          <div class="mb-3">
+            <label class="d-block fs-medium-14 mb-only-4">Banned/blocked words (comma Separated)</label>
+            <div class="multi-select-container select-box-icon mb-20 fs-regular-14 neutral-black-fs-100 border border-1  radius-6 px-10 py-8">
+              <span class="field-icon">
+                <div class="assets-banned-icon"></div>
+              </span>
+              <div class="multi-select">
+                <select multiple data-multi-select-plugin id="bannedWords">
+                </select>
+              </div>
+            </div>
+          </div>
+          <div class="form-group">
+            <label class="fs-medium-14">Upload Banned/Block CSV</label>
+            <div class="file-drop-area border ">
+              <span class="fake-btn">
+                <div class="assets-upload-file-icon"></div>
+              </span>
+              <div>
+                <p class="file-msg-top mb-0 neutral-black-fs-110"><span class="text-purple">Click to upload</span> or drag and drop</p>
+                <p class="neutral-black-fs-50 mb-0 fs-regular-12">CSV</p>
+              </div>
+              <input class="file-input" type="file" id="csv-upload" name="csv-file" accept=".csv" onchange="validateCSVFile(this)">
+            </div>
+            <p id="fileError" class="mt-1 fields-error"></p>
+          </div>
+          <div class="divider-light"></div>
+          <div class="text-end">
+            <button type="button" id="cancel_ai_app_plugin_settings_data" role="button" class="btn fs-medium-14 neutral-black-fs-60 radius-6 py-8 px-16 border border-2 bg-white" name="save-plugin-settings">Cancel</button>
+            <button type="button" id="save_ai_app_plugin_settings_data" class="btn btn-purple fs-medium-14 neutral-black-fs-60 radius-6 py-8 px-16 border border-2 bg-purple-100 text-white" name="save-plugin-settings" onclick="ai_app_onsite_save_plugin_settings()">Save</button>
+          </div>
+        </form>
+      </div>
+      <div id="Plugin-settings-msg-container" class="message-container"></div>
+<?php
+                        <div class="button-wrap">
+                            <button type="button" role="button" id="cancel" class="btn fs-medium-14 neutral-black-fs-60 radius-6 py-6 px-16 border  border-2 bg-white" name="save-plugin-settings" data-bs-dismiss="modal" data-role="cancel" >Cancel</button>
+                            <button type="button" class="btn btn-purple fs-medium-14 neutral-black-fs-60 radius-6 py-6 px-16 border border-2  bg-purple text-white" name="active-plugin-licence-key" id="active_ai_app_plugin_license_key" onclick="ai_app_onsite_app_verify_license_key()">Save</button>
+                        </div>
+                    </form>
+                    <div id="app-license-msg-container" class="message-container mb-3"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Modal -->
+    <div id="Plugin-settings-msg-container" class="message-container"></div>
+  </div>
+<?php
       return ob_get_clean();
+    }

ai-app-onsite/trunk/includes/class-ai-app-onsite-prompt-editor.php

-                      r3272415
+                      r3307540
             <!--  Render your plugin setting tab page here -->
             <div>
                 <form class="form-wrapper">
+                <form class="form-wrapper" id="prompt-editor">
                     <?php wp_nonce_field('ai_app_onsite_prompt_editor_nonce', 'ai_app_onsite_prompt_editor_nonce_field'); ?>
                     <div class="form-group">
 …
                                 <div class="text-end">
                                     <button type="button" class="btn fs-medium-14 neutral-black-fs-60 radius-6 py-8 px-16 border border-2 bg-white" name="save-plugin-settings">Cancel</button>
                                     <button type="button" class="btn btn-purple fs-medium-14 neutral-black-fs-60 radius-6 py-8 px-16 border border-2 bg-purple-100 text-white" onclick="ai_app_onsite_save_prompt_editor()">Save</button>
+                                    <button type="button" class="btn btn-purple fs-medium-14 neutral-black-fs-60 radius-6 py-8 px-16 border border-2 bg-purple-100 text-white" id="ai_app_onsite_save_prompt_editor" onclick="ai_app_onsite_save_prompt_editor()">Save</button>
                                 </div>
                             </div>

ai-app-onsite/trunk/readme.md

-                      r3281194
+                      r3307540
 **Requires at least:** 4.7
 **Tested up to:** 6.7.1
 **Stable tag:** 1.2.2
+**Stable tag:** 1.2.3
 **Requires PHP:** 7.0
 **License:** GPLv2 or later
 …
 - Initial release.
 ### 1.1.0
+- Improved script loading with conditional checks
+- Enhanced Bootstrap conflict prevention
+- Added settings link in plugins list
+- Improved performance and stability
+- Fixed CSS issues
+- Added auto-open last active tab feature
+### 1.1.1
+- Updated plugin settings parameters for improved compatibility
+- Fixed getplugindata function for better performance
+- CSS issue & Auto open last tab
+### 1.4.3
+- Fix - the app would not load correctly on some themes.
+- Update - Improved compatibility with the latest WordPress version.
+- Update - Updated the plugin to use the latest API endpoints for better performance and reliability.
+- Fix - Enhanced the user interface for easier navigation and app creation.
+- Fix - Improved error handling and user feedback during app interactions.
+- Add - Added a new feature to allow users to save and create multiple app configurations for easier management.
+- Update - Enhanced security measures to protect user data and API keys.
+- Add - Added a new feature to allow users to preview their app with shadow and border-radius settings before publishing.
+- Update - Field selector now supports more number of fields.
 ---
 ## Upgrade Notice
-### 1.1.1
-- Upgrade to version 1.1.1 for improved plugin settings compatibility and better performance.
-### 1.1.0
-- Upgrade to version 1.1.0 for improved performance, stability, and enhanced Bootstrap compatibility.
 ### 1.0.0

ai-app-onsite/trunk/readme.txt

-                      r3281194
+                      r3307540
 Requires at least: 4.7
 Tested up to: 6.7.1
 Stable tag: 1.2.2
+Stable tag: 1.2.3
 Requires PHP: 7.0
 License: GPLv2 or later
 …
 == Changelog ==
+= 1.2.3 =
+* Fix - Resolved app loading issues on certain themes
+* Update - Improved compatibility with the latest WordPress version
+* Update - Enhanced API endpoints for better performance and reliability
+* Fix - Improved user interface for easier navigation and app creation
+* Fix - Enhanced error handling and user feedback during app interactions
+* Add - New feature to save and manage multiple app configurations
+* Update - Enhanced security measures to protect user data and API keys
+* Add - Preview feature with shadow and border-radius settings
+* Update - Expanded field selector support
 = 1.2.2 =
 * Added ability for users to like or dislike a response from the app
 …
 == Upgrade Notice ==
+= 1.2.3 =
+* Upgrade to version 1.2.3 for improved theme compatibility, enhanced user interface, better error handling, multiple app configurations, and expanded field selector support.
 = 1.2.2 =
 * Upgrade to version 1.2.2 to allow users to like or dislike responses from the app.
 …
 * First release of AI App Onsite, offering AI-powered app creation and customization within WordPress.
 == External Services ==

Plugin Directory

Context Navigation

Legend:

ai-app-onsite/trunk/ai-app-onsite.php

ai-app-onsite/trunk/assets/css/ai-app-onsite-form-style.css

ai-app-onsite/trunk/assets/css/ai-app-onsite-style.css

ai-app-onsite/trunk/assets/js/ai-app-onsite-admin.js

ai-app-onsite/trunk/assets/js/ai-app-onsite-app-preview.js

ai-app-onsite/trunk/assets/js/ai-app-onsite-app-properties.js

ai-app-onsite/trunk/assets/js/ai-app-onsite-field-selector.js

ai-app-onsite/trunk/assets/js/ai-app-onsite-model-settings.js

ai-app-onsite/trunk/assets/js/ai-app-onsite-openai-api.js

ai-app-onsite/trunk/assets/js/ai-app-onsite-plugin-settings.js

ai-app-onsite/trunk/assets/js/ai-app-onsite-prompt-editor.js

ai-app-onsite/trunk/assets/js/ai-app-onsite-reset-localstorage.js

ai-app-onsite/trunk/handler/ai-app-onsite-app-preview.php

ai-app-onsite/trunk/handler/ai-app-onsite-app-properties.php

ai-app-onsite/trunk/handler/ai-app-onsite-field-selector.php

ai-app-onsite/trunk/handler/ai-app-onsite-model-settings.php

ai-app-onsite/trunk/handler/ai-app-onsite-openAi-api.php

ai-app-onsite/trunk/handler/ai-app-onsite-plugin-settings.php

ai-app-onsite/trunk/handler/ai-app-onsite-prompt-editor.php

ai-app-onsite/trunk/handler/ai-app-onsite-user-stats.php

ai-app-onsite/trunk/includes/class-ai-app-onsite-admin.php

ai-app-onsite/trunk/includes/class-ai-app-onsite-app-preview.php

ai-app-onsite/trunk/includes/class-ai-app-onsite-app-properties.php

ai-app-onsite/trunk/includes/class-ai-app-onsite-db-handler.php

ai-app-onsite/trunk/includes/class-ai-app-onsite-field-selector.php

ai-app-onsite/trunk/includes/class-ai-app-onsite-model-settings.php

ai-app-onsite/trunk/includes/class-ai-app-onsite-plugin-settings.php

ai-app-onsite/trunk/includes/class-ai-app-onsite-prompt-editor.php

ai-app-onsite/trunk/readme.md

ai-app-onsite/trunk/readme.txt

Download in other formats: