Changeset 3379814

Timestamp:

10/17/2025 01:32:41 AM (4 months ago)

Author:

mxchat

Message:

2.4.8 brings OpenRouter integration and new claude models (Sonnet 4.5, haiku 4.5, Opus 4.1).

Location:

mxchat-basic

Files:

• tags/2.4.8 (added)
• tags/2.4.8/admin (added)
• tags/2.4.8/admin/class-ajax-handler.php (added)
• tags/2.4.8/admin/class-knowledge-manager.php (added)
• tags/2.4.8/admin/class-pinecone-manager.php (added)
• tags/2.4.8/css (added)
• tags/2.4.8/css/admin-add-ons.css (added)
• tags/2.4.8/css/admin-style.css (added)
• tags/2.4.8/css/chat-style.css (added)
• tags/2.4.8/css/chat-transcripts.css (added)
• tags/2.4.8/css/content-selector.css (added)
• tags/2.4.8/css/intent-style.css (added)
• tags/2.4.8/css/knowledge-style.css (added)
• tags/2.4.8/css/test-panel.css (added)
• tags/2.4.8/images (added)
• tags/2.4.8/images/Icon-01.svg (added)
• tags/2.4.8/images/Icon-02.svg (added)
• tags/2.4.8/images/Icon-03.svg (added)
• tags/2.4.8/images/Icon-04.svg (added)
• tags/2.4.8/images/pro-only-dark.png (added)
• tags/2.4.8/includes (added)
• tags/2.4.8/includes/class-mxchat-addons.php (added)
• tags/2.4.8/includes/class-mxchat-admin.php (added)
• tags/2.4.8/includes/class-mxchat-integrator.php (added)
• tags/2.4.8/includes/class-mxchat-meta-box.php (added)
• tags/2.4.8/includes/class-mxchat-public.php (added)
• tags/2.4.8/includes/class-mxchat-user.php (added)
• tags/2.4.8/includes/class-mxchat-utils.php (added)
• tags/2.4.8/includes/class-mxchat-woocommerce.php (added)
• tags/2.4.8/includes/class-mxchat-word-handler.php (added)
• tags/2.4.8/includes/pdf-parser (added)
• tags/2.4.8/includes/pdf-parser/alt_autoload.php (added)
• tags/2.4.8/includes/pdf-parser/src (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Config.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Document.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Element (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Element.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Element/ElementArray.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Element/ElementBoolean.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Element/ElementDate.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Element/ElementHexa.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Element/ElementMissing.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Element/ElementName.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Element/ElementNull.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Element/ElementNumeric.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Element/ElementString.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Element/ElementStruct.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Element/ElementXRef.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Encoding (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Encoding.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Encoding/AbstractEncoding.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Encoding/EncodingLocator.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Encoding/ISOLatin1Encoding.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Encoding/ISOLatin9Encoding.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Encoding/MacRomanEncoding.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Encoding/PDFDocEncoding.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Encoding/PostScriptGlyphs.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Encoding/StandardEncoding.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Encoding/WinAnsiEncoding.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Exception (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Exception/EmptyPdfException.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Exception/EncodingNotFoundException.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Exception/MissingPdfHeaderException.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Exception/NotImplementedException.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Font (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Font.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Font/FontCIDFontType0.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Font/FontCIDFontType2.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Font/FontTrueType.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Font/FontType0.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Font/FontType1.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Font/FontType3.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Header.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/PDFObject.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Page.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Pages.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/Parser.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/RawData (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/RawData/FilterHelper.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/RawData/RawDataParser.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/XObject (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/XObject/Form.php (added)
• tags/2.4.8/includes/pdf-parser/src/Smalot/PdfParser/XObject/Image.php (added)
• tags/2.4.8/js (added)
• tags/2.4.8/js/activation-script.js (added)
• tags/2.4.8/js/admin-status.js (added)
• tags/2.4.8/js/chat-script.js (added)
• tags/2.4.8/js/content-selector.js (added)
• tags/2.4.8/js/embedding-check.js (added)
• tags/2.4.8/js/floating-script.js (added)
• tags/2.4.8/js/knowledge-processing.js (added)
• tags/2.4.8/js/meta-box.js (added)
• tags/2.4.8/js/mxchat-admin.js (added)
• tags/2.4.8/js/mxchat-test-streaming.js (added)
• tags/2.4.8/js/mxchat_transcripts.js (added)
• tags/2.4.8/js/my-color-picker.js (added)
• tags/2.4.8/js/test-panel.js (added)
• tags/2.4.8/languages (added)
• tags/2.4.8/languages/mxchat.pot (added)
• tags/2.4.8/mxchat-basic.php (added)
• tags/2.4.8/readme.txt (added)
• trunk/admin/class-ajax-handler.php (modified) (1 diff)
• trunk/css/admin-style.css (modified) (1 diff)
• trunk/includes/class-mxchat-addons.php (modified) (1 diff)
• trunk/includes/class-mxchat-admin.php (modified) (25 diffs)
• trunk/includes/class-mxchat-integrator.php (modified) (18 diffs)
• trunk/js/chat-script.js (modified) (1 diff)
• trunk/js/mxchat-admin.js (modified) (9 diffs)
• trunk/js/test-panel.js (modified) (1 diff)
• trunk/mxchat-basic.php (modified) (2 diffs)
• trunk/readme.txt (modified) (7 diffs)

mxchat-basic/trunk/admin/class-ajax-handler.php

@@ -75 +75 @@
     // Handle special cases
     switch ($name) {
+        case 'model':
+            //error_log('MXChat Save: Processing model selection');
+            //error_log('MXChat Save: Model value received: ' . $value);
+            //error_log('MXChat Save: Value type: ' . gettype($value));
+            //error_log('MXChat Save: Value length: ' . strlen($value));
+            //error_log('MXChat Save: Value === "openrouter": ' . ($value === 'openrouter' ? 'YES' : 'NO'));
+            
+            // Allow 'openrouter' or validate against whitelist
+            if ($value === 'openrouter') {
+                //error_log('MXChat Save: Setting model to openrouter');
+                $options['model'] = 'openrouter';
+            } else {
+                //error_log('MXChat Save: Checking against whitelist');
+                 $allowed_models = array(
+                            'gemini-2.0-flash', 'gemini-2.0-flash-lite', 'gemini-1.5-pro', 'gemini-1.5-flash',
+                            'grok-4-0709', 'grok-3-beta', 'grok-3-fast-beta', 'grok-3-mini-beta', 
+                            'grok-3-mini-fast-beta', 'grok-2',
+                            'deepseek-chat',
+                            'claude-sonnet-4-5-20250929', 'claude-opus-4-1-20250805', 'claude-haiku-4-5-20251001',
+                            'claude-opus-4-20250514', 'claude-sonnet-4-20250514', 'claude-3-7-sonnet-20250219',
+                            'claude-3-5-sonnet-20241022', 'claude-3-opus-20240229', 'claude-3-sonnet-20240229',
+                            'claude-3-haiku-20240307',
+                            'gpt-5', 'gpt-5-mini', 'gpt-5-nano', 'gpt-4.1-2025-04-14',
+                            'gpt-4o', 'gpt-4o-mini', 'gpt-4-turbo', 'gpt-4', 'gpt-3.5-turbo',
+                        );
+                
+                //error_log('MXChat Save: in_array result: ' . (in_array($value, $allowed_models) ? 'YES' : 'NO'));
+                
+                if (in_array($value, $allowed_models)) {
+                    //error_log('MXChat Save: Model is in whitelist, saving');
+                    $options['model'] = sanitize_text_field($value);
+                } else {
+                    //error_log('MXChat Save: Invalid model rejected: ' . $value);
+                    //error_log('MXChat Save: Allowed models: ' . print_r($allowed_models, true));
+                    wp_send_json_error(['message' => esc_html__('Invalid model selected', 'mxchat')]);
+                    return;
+                }
+            }
+            break;
+            
+        case 'openrouter_selected_model':
+            //error_log('MXChat Save: Processing OpenRouter model: ' . $value);
+            $options['openrouter_selected_model'] = sanitize_text_field($value);
+            // Force immediate save for new keys
+            //error_log('MXChat Save: OpenRouter model saved immediately');
+            break;
+        
+        case 'openrouter_selected_model_name':
+            //error_log('MXChat Save: Processing OpenRouter model name: ' . $value);
+            $options['openrouter_selected_model_name'] = sanitize_text_field($value);
+            // Force immediate save for new keys
+            //error_log('MXChat Save: OpenRouter model name saved immediately');
+            break;
+            
+        case 'openrouter_api_key':
+            //error_log('MXChat Save: Processing OpenRouter API key');
+            $options['openrouter_api_key'] = sanitize_text_field($value);
+            break;
+            
+        // REMOVED DUPLICATE case 'openrouter_selected_model_name' HERE!
+            
         case 'additional_popular_questions':
             //error_log('MXChat Save: Processing additional_popular_questions');

mxchat-basic/trunk/css/admin-style.css

@@ -5366 +5366 @@
     color: #1e40af;
 }
+
+
+/* Always show OpenRouter API key field */
+tr.mxchat-setting-row[data-provider="openrouter"],
+.mxchat-openrouter-wrapper {
+    display: table-row !important;
+}

mxchat-basic/trunk/includes/class-mxchat-addons.php

@@ -191 +191 @@
      */
     public function enqueue_styles() {
-        $plugin_version = '2.4.7';
+        $plugin_version = '2.4.8';
 
         wp_enqueue_style(

mxchat-basic/trunk/includes/class-mxchat-admin.php

@@ -49 +49 @@
         add_action('wp_ajax_mxchat_test_streaming', [$this, 'mxchat_handle_test_streaming']); // Keep existing as fallback
 
-    add_action('wp_ajax_mxchat_save_selected_bot', array($this, 'mxchat_save_selected_bot'));
+        add_action('wp_ajax_mxchat_save_selected_bot', array($this, 'mxchat_save_selected_bot'));
+        add_action('wp_ajax_mxchat_fetch_openrouter_models', array($this, 'fetch_openrouter_models'));
     }
 
@@ -1575 +1576 @@
 $pinecone_api_key = $pinecone_options['mxchat_pinecone_api_key'] ?? '';
 
-error_log('DEBUG: Bot ' . $current_bot_id . ' - Use Pinecone: ' . ($use_pinecone ? 'YES' : 'NO'));
-error_log('DEBUG: Bot ' . $current_bot_id . ' - Has API Key: ' . (!empty($pinecone_api_key) ? 'YES' : 'NO'));
-error_log('DEBUG: Bot ' . $current_bot_id . ' - Host: ' . ($pinecone_options['mxchat_pinecone_host'] ?? 'NOT SET'));
-error_log('DEBUG: Bot ' . $current_bot_id . ' - Namespace: ' . ($pinecone_options['mxchat_pinecone_namespace'] ?? 'NOT SET'));
+//error_log('DEBUG: Bot ' . $current_bot_id . ' - Use Pinecone: ' . ($use_pinecone ? 'YES' : 'NO'));
+//error_log('DEBUG: Bot ' . $current_bot_id . ' - Has API Key: ' . (!empty($pinecone_api_key) ? 'YES' : 'NO'));
+//error_log('DEBUG: Bot ' . $current_bot_id . ' - Host: ' . ($pinecone_options['mxchat_pinecone_host'] ?? 'NOT SET'));
+//error_log('DEBUG: Bot ' . $current_bot_id . ' - Namespace: ' . ($pinecone_options['mxchat_pinecone_namespace'] ?? 'NOT SET'));
 
 if ($use_pinecone && !empty($pinecone_api_key)) {
-    error_log('DEBUG: Using PINECONE data source with bot-specific config');
+    //error_log('DEBUG: Using PINECONE data source with bot-specific config');
     // PINECONE DATA SOURCE
     $data_source = 'pinecone';
@@ -1589 +1590 @@
 
     // TEMPORARY DEBUG - Add this right after the fetch call
-    error_log('=== DEBUG: Bot switching issue ===');
-    error_log('Current bot ID: ' . $current_bot_id);
-    error_log('Use Pinecone: ' . ($use_pinecone ? 'YES' : 'NO'));
-    error_log('Records returned: ' . count($records['data'] ?? []));
-    error_log('Total records: ' . ($records['total'] ?? 0));
+    //error_log('=== DEBUG: Bot switching issue ===');
+    //error_log('Current bot ID: ' . $current_bot_id);
+    //error_log('Use Pinecone: ' . ($use_pinecone ? 'YES' : 'NO'));
+    //error_log('Records returned: ' . count($records['data'] ?? []));
+    //error_log('Total records: ' . ($records['total'] ?? 0));
 
     // Check first few records to see their bot_id
@@ -1599 +1600 @@
         foreach (array_slice($records['data'], 0, 3) as $i => $record) {
             $record_bot_id = $record->bot_id ?? 'NOT_SET';
-            error_log('Record ' . ($i+1) . ' bot_id: ' . $record_bot_id . ', content preview: ' . substr($record->article_content ?? '', 0, 30) . '...');
+            //error_log('Record ' . ($i+1) . ' bot_id: ' . $record_bot_id . ', content preview: ' . substr($record->article_content ?? '', 0, 30) . '...');
         }
     }
-    error_log('=== END DEBUG ===');
+    //error_log('=== END DEBUG ===');
 
     $total_records = $records['total'] ?? 0;
@@ -1612 +1613 @@
 
 } else {
-    error_log('DEBUG: Using WORDPRESS DB data source');
+    //error_log('DEBUG: Using WORDPRESS DB data source');
     // WORDPRESS DB DATA SOURCE (your existing logic)
     $data_source = 'wordpress';
@@ -2743 +2744 @@
  */
 private function get_bot_pinecone_config($bot_id = 'default') {
-    error_log("MXCHAT DEBUG: get_bot_pinecone_config called for bot: " . $bot_id);
+    //error_log("MXCHAT DEBUG: get_bot_pinecone_config called for bot: " . $bot_id);
     
     // If default bot or multi-bot add-on not active, use default Pinecone config
     if ($bot_id === 'default' || !class_exists('MxChat_Multi_Bot_Manager')) {
-        error_log("MXCHAT DEBUG: Using default Pinecone config (no multi-bot or bot is 'default')");
+        //error_log("MXCHAT DEBUG: Using default Pinecone config (no multi-bot or bot is 'default')");
         $addon_options = get_option('mxchat_pinecone_addon_options', array());
         $config = array(
@@ -2755 +2756 @@
             'namespace' => $addon_options['mxchat_pinecone_namespace'] ?? ''
         );
-        error_log("MXCHAT DEBUG: Default config - use_pinecone: " . ($config['use_pinecone'] ? 'true' : 'false'));
+        //error_log("MXCHAT DEBUG: Default config - use_pinecone: " . ($config['use_pinecone'] ? 'true' : 'false'));
         return $config;
     }
     
-    error_log("MXCHAT DEBUG: Calling filter 'mxchat_get_bot_pinecone_config' for bot: " . $bot_id);
+    //error_log("MXCHAT DEBUG: Calling filter 'mxchat_get_bot_pinecone_config' for bot: " . $bot_id);
     
     // Hook for multi-bot add-on to provide bot-specific Pinecone config
@@ -2765 +2766 @@
     
     if (!empty($bot_pinecone_config)) {
-        error_log("MXCHAT DEBUG: Got bot-specific config from filter");
-        error_log("  - use_pinecone: " . (isset($bot_pinecone_config['use_pinecone']) ? ($bot_pinecone_config['use_pinecone'] ? 'true' : 'false') : 'not set'));
-        error_log("  - host: " . ($bot_pinecone_config['host'] ?? 'not set'));
-        error_log("  - namespace: " . ($bot_pinecone_config['namespace'] ?? 'not set'));
+        //error_log("MXCHAT DEBUG: Got bot-specific config from filter");
+        //error_log("  - use_pinecone: " . (isset($bot_pinecone_config['use_pinecone']) ? ($bot_pinecone_config['use_pinecone'] ? 'true' : 'false') : 'not set'));
+        //error_log("  - host: " . ($bot_pinecone_config['host'] ?? 'not set'));
+        //error_log("  - namespace: " . ($bot_pinecone_config['namespace'] ?? 'not set'));
     } else {
-        error_log("MXCHAT DEBUG: Filter returned empty config!");
+        //error_log("MXCHAT DEBUG: Filter returned empty config!");
     }
     
@@ -4321 +4322 @@
         'mxchat_chatbot_section'
     );
+    
+    
+    add_settings_field(
+        'openrouter_api_key',
+        esc_html__('OpenRouter API Key', 'mxchat'),
+        array($this, 'openrouter_api_key_callback'),
+        'mxchat-chatbot',
+        'mxchat_chatbot_section',
+        array(
+            'class' => 'mxchat-setting-row mxchat-openrouter-key-row', // Special class so we can always show it
+            'data-provider' => 'openrouter'
+        )
+    );
 
     add_settings_field(
@@ -5062 +5076 @@
     echo '<button type="button" id="toggleGeminiApiKeyVisibility">' . esc_html__('Show', 'mxchat') . '</button>';
     echo '<p class="description api-key-notice">' . esc_html__('Required for Google Gemini models. Get your API key from Google AI Studio.', 'mxchat') . '</p>';
+    echo '</div>';
+}
+
+
+// OpenRouter API Key
+public function openrouter_api_key_callback() {
+    $openrouterApiKey = isset($this->options['openrouter_api_key']) ? esc_attr($this->options['openrouter_api_key']) : '';
+    echo '<div class="api-key-wrapper" data-provider="openrouter">';
+    echo '<input type="password" id="openrouter_api_key" name="openrouter_api_key" value="' . $openrouterApiKey . '" class="regular-text" autocomplete="off" />';
+    echo '<button type="button" id="toggleOpenRouterApiKeyVisibility">' . esc_html__('Show', 'mxchat') . '</button>';
+    echo '<p class="description api-key-notice">' . esc_html__('Required only if using OpenRouter. Get your API key from OpenRouter.ai', 'mxchat') . '</p>';
     echo '</div>';
 }
@@ -5262 +5287 @@
     // Define available models grouped by provider
     $models = array(
+        esc_html__('OpenRouter (100+ Models)', 'mxchat') => array(
+            'openrouter' => esc_html__('OpenRouter - Select after entering API key', 'mxchat'),
+        ),
+        esc_html__('Google Gemini Models', 'mxchat') => array(
+            'gemini-2.0-flash' => esc_html__('Gemini 2.0 Flash (Next-Gen Features)', 'mxchat'),
+            'gemini-2.0-flash-lite' => esc_html__('Gemini 2.0 Flash-Lite (Cost-Efficient)', 'mxchat'),
+            'gemini-1.5-pro' => esc_html__('Gemini 1.5 Pro (Complex Reasoning)', 'mxchat'),
+            'gemini-1.5-flash' => esc_html__('Gemini 1.5 Flash (Fast & Versatile)', 'mxchat'),
+        ),
         esc_html__('Google Gemini Models', 'mxchat') => array(
             'gemini-2.0-flash' => esc_html__('Gemini 2.0 Flash (Next-Gen Features)', 'mxchat'),
@@ -5280 +5314 @@
         ),
         esc_html__('Claude Models', 'mxchat') => array(
+            'claude-sonnet-4-5-20250929' => esc_html__('Claude Sonnet 4.5 (Best for Agents & Coding)', 'mxchat'),
+            'claude-opus-4-1-20250805' => esc_html__('Claude Opus 4.1 (Exceptional for Complex Tasks)', 'mxchat'),
+            'claude-haiku-4-5-20251001' => esc_html__('Claude Haiku 4.5 (Fastest & Most Intelligent)', 'mxchat'),
             'claude-opus-4-20250514' => esc_html__('Claude 4 Opus (Most Capable)', 'mxchat'),
             'claude-sonnet-4-20250514' => esc_html__('Claude 4 Sonnet (High Performance)', 'mxchat'),
@@ -5315 +5352 @@
 
         foreach ($group_models as $model_value => $model_label) {
-            // All models enabled - no disabled attribute or Pro Only label
             echo '<option value="' . esc_attr($model_value) . '" ' . selected($selected_model, $model_value, false) . '>' . esc_html($model_label) . '</option>';
         }
@@ -5322 +5358 @@
     }
 
-    // Close the select dropdown
     echo '</select>';
 
-    // Updated description to remove mention of Pro-only models
     echo '<p class="description">' . esc_html__('Select the AI model your chatbot will use for chatting.', 'mxchat') . '</p>';
-}
-
+    
+    // Add a note for OpenRouter
+    echo '<p class="description" id="openrouter-model-note" style="display:none; color: #d63638; font-weight: 500;">';
+    echo '<span class="dashicons dashicons-info" style="font-size: 16px; vertical-align: middle;"></span> ';
+    echo esc_html__('After entering your OpenRouter API key above, click the button below to load available models.', 'mxchat');
+    echo '</p>';
+ // ADD THESE HIDDEN FIELDS RIGHT HERE:
+    $openrouter_model = isset($this->options['openrouter_selected_model']) ? esc_attr($this->options['openrouter_selected_model']) : '';
+    $openrouter_model_name = isset($this->options['openrouter_selected_model_name']) ? esc_attr($this->options['openrouter_selected_model_name']) : '';
+    
+    echo '<input type="hidden" id="openrouter_selected_model" name="openrouter_selected_model" value="' . $openrouter_model . '" />';
+    echo '<input type="hidden" id="openrouter_selected_model_name" name="openrouter_selected_model_name" value="' . $openrouter_model_name . '" />';
+}
 
 // Update your existing callback method
@@ -5357 +5402 @@
 }
 
+// AJAX handler to fetch OpenRouter models
+public function fetch_openrouter_models() {
+    check_ajax_referer('mxchat_fetch_openrouter_models', 'nonce');
+    
+    $api_key = isset($_POST['api_key']) ? sanitize_text_field($_POST['api_key']) : '';
+    
+    if (empty($api_key)) {
+        wp_send_json_error(array('message' => 'API key is required'));
+    }
+    
+    $response = wp_remote_get('https://openrouter.ai/api/v1/models', array(
+        'headers' => array(
+            'Authorization' => 'Bearer ' . $api_key,
+            'Content-Type' => 'application/json',
+        ),
+        'timeout' => 15,
+    ));
+    
+    if (is_wp_error($response)) {
+        wp_send_json_error(array('message' => $response->get_error_message()));
+    }
+    
+    $body = wp_remote_retrieve_body($response);
+    $data = json_decode($body, true);
+    
+    if (isset($data['data']) && is_array($data['data'])) {
+        // Format the models for the frontend
+        $models = array_map(function($model) {
+            return array(
+                'id' => $model['id'],
+                'name' => $model['name'] ?? $model['id'],
+                'description' => $model['description'] ?? '',
+                'context_length' => $model['context_length'] ?? 0,
+                'pricing' => array(
+                    'prompt' => $model['pricing']['prompt'] ?? 0,
+                    'completion' => $model['pricing']['completion'] ?? 0,
+                ),
+            );
+        }, $data['data']);
+        
+        wp_send_json_success(array('models' => $models));
+    } else {
+        wp_send_json_error(array('message' => 'Invalid response from OpenRouter'));
+    }
+}
 
 // Callback function for embedding model selection
@@ -5383 +5473 @@
     }
     echo '</select>';
-    echo '<p class="description"><span class="red-warning">IMPORTANT:</span> Select the model for vector embeddings. Changing models is not recommended; if you do, you must delete all existing knowledge & intent data and reconfigure them.</p>';
+    echo '<p class="description"><span class="red-warning">IMPORTANT:</span> A vector embedding model is required for MxChat to function. Changing models is not recommended; if you do, you must delete all existing knowledge & intent data and reconfigure them.</p>';
 }
 
@@ -6531 +6621 @@
 public function mxchat_enqueue_admin_assets() {
     // Get plugin version (define this in your main plugin file)
-    $version = defined('MXCHAT_VERSION') ? MXCHAT_VERSION : '2.4.7';
+    $version = defined('MXCHAT_VERSION') ? MXCHAT_VERSION : '2.4.8';
 
     // Use file modification time for development (remove in production)
@@ -6611 +6701 @@
         'edit_intent_nonce' => wp_create_nonce('mxchat_edit_intent'),
         'toggle_action_nonce' => wp_create_nonce('mxchat_actions_nonce'),
+        'fetch_openrouter_models_nonce' => wp_create_nonce('mxchat_fetch_openrouter_models'), // ADD THIS LINE
         'is_activated' => $this->is_activated ? '1' : '0',
         'status_refresh_interval' => 5000,
         'prompts_setting_nonce' => wp_create_nonce('mxchat_prompts_setting_nonce'),
-        'ajaxurl' => admin_url('admin-ajax.php') // For jQuery fallback
+        'ajaxurl' => admin_url('admin-ajax.php')
     );
 
@@ -6885 +6976 @@
 
 if (isset($input['model'])) {
-    $allowed_models = array(
-        'gemini-2.0-flash',
-        'gemini-2.0-flash-lite',
-        'gemini-1.5-pro',
-        'gemini-1.5-flash',
-
-        'grok-4-0709',  // New model: Grok 4 added here
-        'grok-3-beta',
-        'grok-3-fast-beta',
-        'grok-3-mini-beta',
-        'grok-3-mini-fast-beta',
-        'grok-2',
-
-        'deepseek-chat',
-
-        'claude-opus-4-20250514',
-        'claude-sonnet-4-20250514',
-        'claude-3-7-sonnet-20250219',
-        'claude-3-5-sonnet-20241022',
-        'claude-3-opus-20240229',
-        'claude-3-sonnet-20240229',
-        'claude-3-haiku-20240307',
-
-        // NEW: GPT-5 family
-        'gpt-5',
-        'gpt-5-mini',
-        'gpt-5-nano',
-
-        'gpt-4o',
-        'gpt-4.1-2025-04-14',
-        'gpt-4o-mini',
-        'gpt-4-turbo',
-        'gpt-4',
-        'gpt-3.5-turbo',
-    );
-    if (in_array($input['model'], $allowed_models)) {
-        $new_input['model'] = sanitize_text_field($input['model']);
-    }
-}
+    // If model is 'openrouter', always allow it
+    if ($input['model'] === 'openrouter') {
+        $new_input['model'] = 'openrouter';
+    } else {
+        // For other models, validate against whitelist
+        $allowed_models = array(
+            'gemini-2.0-flash',
+            'gemini-2.0-flash-lite',
+            'gemini-1.5-pro',
+            'gemini-1.5-flash',
+            'grok-4-0709',
+            'grok-3-beta',
+            'grok-3-fast-beta',
+            'grok-3-mini-beta',
+            'grok-3-mini-fast-beta',
+            'grok-2',
+            'deepseek-chat',
+            'claude-sonnet-4-5-20250929',
+            'claude-opus-4-1-20250805',
+            'claude-haiku-4-5-20251001',
+            'claude-opus-4-20250514',
+            'claude-sonnet-4-20250514',
+            'claude-3-7-sonnet-20250219',
+            'claude-3-5-sonnet-20241022',
+            'claude-3-opus-20240229',
+            'claude-3-sonnet-20240229',
+            'claude-3-haiku-20240307',
+            'gpt-5',
+            'gpt-5-mini',
+            'gpt-5-nano',
+            'gpt-4.1-2025-04-14',
+            'gpt-4o',
+            'gpt-4o-mini',
+            'gpt-4-turbo',
+            'gpt-4',
+            'gpt-3.5-turbo',
+        );
+        
+        if (in_array($input['model'], $allowed_models)) {
+            $new_input['model'] = sanitize_text_field($input['model']);
+        }
+    }
+}
+    
+if (isset($input['openrouter_selected_model'])) {
+    // Just sanitize it, don't validate against a whitelist
+    $new_input['openrouter_selected_model'] = sanitize_text_field($input['openrouter_selected_model']);
+}
+
+// ADD THIS:
+if (isset($input['openrouter_selected_model_name'])) {
+    $new_input['openrouter_selected_model_name'] = sanitize_text_field($input['openrouter_selected_model_name']);
+}
+    
+    if (isset($input['openrouter_api_key'])) {
+        $new_input['openrouter_api_key'] = sanitize_text_field($input['openrouter_api_key']);
+    }
 
 
@@ -7205 +7314 @@
  */
 public function mxchat_handle_delete_all_prompts() {
-    error_log('=== DELETE ALL DEBUG START ===');
+    //error_log('=== DELETE ALL DEBUG START ===');
     
     // Verify nonce
     if (!isset($_POST['mxchat_delete_all_prompts_nonce']) || !wp_verify_nonce($_POST['mxchat_delete_all_prompts_nonce'], 'mxchat_delete_all_prompts_action')) {
-        error_log('DEBUG: Nonce verification failed');
+        //error_log('DEBUG: Nonce verification failed');
         wp_die(__('Nonce verification failed.', 'mxchat'));
     }
@@ -7215 +7324 @@
     // Check permissions
     if (!current_user_can('manage_options')) {
-        error_log('DEBUG: Permission check failed');
+        //error_log('DEBUG: Permission check failed');
         wp_die(__('You do not have sufficient permissions to delete all prompts.', 'mxchat'));
     }
@@ -7221 +7330 @@
     // Get bot_id from POST data
     $bot_id = isset($_POST['bot_id']) ? sanitize_text_field($_POST['bot_id']) : 'default';
-    error_log('DEBUG: Bot ID from POST: ' . $bot_id);
+    //error_log('DEBUG: Bot ID from POST: ' . $bot_id);
     
     $success = true;
@@ -7230 +7339 @@
     $pinecone_options = $pinecone_manager->mxchat_get_bot_pinecone_options($bot_id);
     
-    error_log('DEBUG: Pinecone options retrieved:');
-    error_log('  - Use Pinecone: ' . ($pinecone_options['mxchat_use_pinecone'] ?? 'NOT SET'));
-    error_log('  - API Key: ' . (empty($pinecone_options['mxchat_pinecone_api_key']) ? 'EMPTY' : 'SET'));
-    error_log('  - Host: ' . ($pinecone_options['mxchat_pinecone_host'] ?? 'NOT SET'));
+    //error_log('DEBUG: Pinecone options retrieved:');
+    //error_log('  - Use Pinecone: ' . ($pinecone_options['mxchat_use_pinecone'] ?? 'NOT SET'));
+    //error_log('  - API Key: ' . (empty($pinecone_options['mxchat_pinecone_api_key']) ? 'EMPTY' : 'SET'));
+    //error_log('  - Host: ' . ($pinecone_options['mxchat_pinecone_host'] ?? 'NOT SET'));
     
     $use_pinecone = ($pinecone_options['mxchat_use_pinecone'] ?? '0') === '1';
     
     if ($use_pinecone && !empty($pinecone_options['mxchat_pinecone_api_key'])) {
-        error_log('[MXCHAT-DELETE] Pinecone is enabled for bot ' . $bot_id . ' - deleting all from Pinecone');
+        //error_log('[MXCHAT-DELETE] Pinecone is enabled for bot ' . $bot_id . ' - deleting all from Pinecone');
         
         // Delete from bot-specific Pinecone index
         $result = $pinecone_manager->mxchat_delete_all_from_pinecone($pinecone_options);
         
-        error_log('DEBUG: Delete all result: ' . ($result['success'] ? 'SUCCESS' : 'FAILED'));
+        //error_log('DEBUG: Delete all result: ' . ($result['success'] ? 'SUCCESS' : 'FAILED'));
         if (!$result['success']) {
-            error_log('DEBUG: Delete all error: ' . $result['message']);
+            //error_log('DEBUG: Delete all error: ' . $result['message']);
         }
         
@@ -7256 +7365 @@
         
     } else {
-        error_log('[MXCHAT-DELETE] Pinecone not enabled for bot ' . $bot_id . ' - deleting from WordPress database');
+        //error_log('[MXCHAT-DELETE] Pinecone not enabled for bot ' . $bot_id . ' - deleting from WordPress database');
         
         // Delete from WordPress database
@@ -7282 +7391 @@
     // No cache clearing needed since we removed caching
 
-    error_log('=== DELETE ALL DEBUG END ===');
+    //error_log('=== DELETE ALL DEBUG END ===');
     
     // Redirect back with a success message and bot_id

mxchat-basic/trunk/includes/class-mxchat-integrator.php

@@ -1399 +1399 @@
             $current_options['deepseek_api_key'] ?? $this->options['deepseek_api_key'],
             $current_options['gemini_api_key'] ?? $this->options['gemini_api_key'],
+            $current_options['openrouter_api_key'] ?? $this->options['openrouter_api_key'],
             $conversation_history,
             $is_streaming,
             $session_id,
             $testing_data,
-            $selected_model  // ADD THIS LINE
+            $selected_model
         );
         
@@ -4310 +4311 @@
     return 'default';
 }
-private function mxchat_generate_response($relevant_content, $api_key, $xai_api_key, $claude_api_key, $deepseek_api_key, $gemini_api_key, $conversation_history, $streaming = false, $session_id = '', $testing_data = null, $selected_model = 'gpt-4o') {
+private function mxchat_generate_response($relevant_content, $api_key, $xai_api_key, $claude_api_key, $deepseek_api_key, $gemini_api_key, $openrouter_api_key, $conversation_history, $streaming = false, $session_id = '', $testing_data = null, $selected_model = 'gpt-4o') {
     try {
         if (!$relevant_content) {
@@ -4318 +4319 @@
             ];
             
-            // Add testing data to error response if available
             if ($testing_data !== null) {
                 $error_response['testing_data'] = $testing_data;
-                //error_log("MxChat Testing: Added testing data to no_relevant_content error");
             }
             
@@ -4327 +4326 @@
         }
         
-        // Ensure conversation_history is an array
         if (!is_array($conversation_history)) {
             $conversation_history = array();
         }
         
+        // Check if this is an OpenRouter model
+        if ($selected_model === 'openrouter') {
+            // Get the actual OpenRouter model from options
+            $openrouter_selected_model = $this->options['openrouter_selected_model'] ?? '';
+            
+            if (empty($openrouter_selected_model)) {
+                $error_response = [
+                    'error' => esc_html__('No OpenRouter model selected. Please select a model in settings.', 'mxchat'),
+                    'error_code' => 'no_openrouter_model_selected'
+                ];
+                if ($testing_data !== null) {
+                    $error_response['testing_data'] = $testing_data;
+                }
+                return $error_response;
+            }
+            
+            if (empty($openrouter_api_key)) {
+                $error_response = [
+                    'error' => esc_html__('OpenRouter API key is not configured', 'mxchat'),
+                    'error_code' => 'missing_openrouter_api_key'
+                ];
+                if ($testing_data !== null) {
+                    $error_response['testing_data'] = $testing_data;
+                }
+                return $error_response;
+            }
+            
+            if ($streaming) {
+                return $this->mxchat_generate_response_openrouter_stream(
+                    $openrouter_selected_model,
+                    $openrouter_api_key,
+                    $conversation_history,
+                    $relevant_content,
+                    $session_id,
+                    $testing_data
+                );
+            } else {
+                $response = $this->mxchat_generate_response_openrouter(
+                    $openrouter_selected_model,
+                    $openrouter_api_key,
+                    $conversation_history,
+                    $relevant_content
+                );
+            }
+            
+            if (is_array($response) && isset($response['error'])) {
+                if ($testing_data !== null) {
+                    $response['testing_data'] = $testing_data;
+                }
+                return $response;
+            }
+            
+            return $response;
+        }
 
         // Extract model prefix to determine the provider
@@ -4376 +4428 @@
                         $relevant_content,
                         $session_id,
-                        $testing_data  // Pass testing data
+                        $testing_data
                     );
                 } else {
@@ -4406 +4458 @@
                         $relevant_content,
                         $session_id,
-                        $testing_data  // Pass testing data
+                        $testing_data
                     );
                 } else {
@@ -4436 +4488 @@
                         $relevant_content,
                         $session_id,
-                        $testing_data  // Pass testing data
+                        $testing_data
                     );
                 } else {
@@ -4467 +4519 @@
                         $relevant_content,
                         $session_id,
-                        $testing_data  // Pass testing data
+                        $testing_data
                     );
                 } else {
@@ -4480 +4532 @@
                 
             default:
-                // Default to OpenAI for custom models or unrecognized prefixes
                 if (empty($api_key)) {
                     $error_response = [
@@ -4498 +4549 @@
                         $relevant_content,
                         $session_id,
-                        $testing_data  // Pass testing data
+                        $testing_data
                     );
                 } else {
@@ -4511 +4562 @@
         }
         
-        // Check if the response is an error array from the provider-specific function
         if (is_array($response) && isset($response['error'])) {
-            // Add testing data to error response if available
             if ($testing_data !== null) {
                 $response['testing_data'] = $testing_data;
-                //error_log("MxChat Testing: Added testing data to provider error response");
-            }
-            return $response; // Pass through the error with testing data
-        }
-        
-        // For successful non-streaming responses, we don't add testing data here
-        // because it will be added in the main handler
+            }
+            return $response;
+        }
+        
         return $response;
         
     } catch (Exception $e) {
-        //error_log('MXChat Error: ' . $e->getMessage());
         $error_response = [
             'error' => sprintf(esc_html__('An error occurred: %s', 'mxchat'), esc_html($e->getMessage())),
@@ -4533 +4578 @@
         ];
         
-        // Add testing data to exception response if available
         if ($testing_data !== null) {
             $error_response['testing_data'] = $testing_data;
-            //error_log("MxChat Testing: Added testing data to exception response");
         }
         
@@ -4543 +4586 @@
 }
 
+private function mxchat_generate_response_openrouter_stream($selected_model, $openrouter_api_key, $conversation_history, $relevant_content, $session_id, $testing_data = null) {
+    try {
+        $bot_id = $this->get_current_bot_id($session_id);
+        $system_prompt_instructions = $this->get_system_instructions($bot_id);
+        
+        if (!is_array($conversation_history)) {
+            $conversation_history = array();
+        }
+
+        $formatted_conversation = array();
+
+        $formatted_conversation[] = array(
+            'role' => 'system',
+            'content' => $system_prompt_instructions . " " . $relevant_content
+        );
+
+        foreach ($conversation_history as $message) {
+            if (is_array($message) && isset($message['role']) && isset($message['content'])) {
+                $role = $message['role'];
+                if ($role === 'bot' || $role === 'agent') {
+                    $role = 'assistant';
+                }
+                if (!in_array($role, ['system', 'assistant', 'user'])) {
+                    $role = 'user';
+                }
+                $formatted_conversation[] = array(
+                    'role' => $role,
+                    'content' => $message['content']
+                );
+            }
+        }
+
+        if (headers_sent() || !function_exists('curl_init')) {
+            $regular_response = $this->mxchat_generate_response_openrouter(
+                $selected_model,
+                $openrouter_api_key,
+                $conversation_history,
+                $relevant_content
+            );
+            
+            $response_data = [
+                'text' => $regular_response,
+                'html' => '',
+                'session_id' => $session_id
+            ];
+            
+            if ($testing_data !== null) {
+                $response_data['testing_data'] = $testing_data;
+            }
+            
+            header('Content-Type: application/json');
+            echo json_encode($response_data);
+            return true;
+        }
+
+        $body = json_encode([
+            'model' => $selected_model,
+            'messages' => $formatted_conversation,
+            'temperature' => 1,
+            'stream' => true
+        ]);
+
+        $ch = curl_init();
+        curl_setopt($ch, CURLOPT_URL, 'https://openrouter.ai/api/v1/chat/completions');
+        curl_setopt($ch, CURLOPT_RETURNTRANSFER, false);
+        curl_setopt($ch, CURLOPT_POST, true);
+        curl_setopt($ch, CURLOPT_POSTFIELDS, $body);
+        curl_setopt($ch, CURLOPT_HTTPHEADER, array(
+            'Content-Type: application/json',
+            'Authorization: Bearer ' . $openrouter_api_key,
+            'HTTP-Referer: ' . home_url(),
+            'X-Title: ' . get_bloginfo('name')
+        ));
+        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, true);
+        curl_setopt($ch, CURLOPT_TIMEOUT, 60);
+        
+        $full_response = '';
+        $stream_started = false;
+        $buffer = '';
+        
+        curl_setopt($ch, CURLOPT_WRITEFUNCTION, function($ch, $data) use (&$full_response, &$stream_started, &$buffer, $testing_data) {
+            if (!$stream_started && $testing_data !== null) {
+                echo "data: " . json_encode(['testing_data' => $testing_data]) . "\n\n";
+                flush();
+                $stream_started = true;
+            }
+            
+            $buffer .= $data;
+            $lines = explode("\n", $buffer);
+            $buffer = array_pop($lines);
+            
+            foreach ($lines as $line) {
+                if (trim($line) === '') {
+                    continue;
+                }
+                
+                if (strpos($line, 'data: ') !== 0) {
+                    continue;
+                }
+                
+                $json_str = substr($line, 6);
+                
+                if (trim($json_str) === '[DONE]') {
+                    echo "data: [DONE]\n\n";
+                    flush();
+                    continue;
+                }
+                
+                $json = json_decode(trim($json_str), true);
+                if ($json && isset($json['choices'][0]['delta']['content'])) {
+                    $content = $json['choices'][0]['delta']['content'];
+                    $full_response .= $content;
+                    
+                    echo "data: " . json_encode(['content' => $content]) . "\n\n";
+                    flush();
+                }
+            }
+            
+            return strlen($data);
+        });
+        
+        $response = curl_exec($ch);
+        $http_code = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        
+        if (curl_errno($ch) || $http_code !== 200) {
+            curl_close($ch);
+            
+            $regular_response = $this->mxchat_generate_response_openrouter(
+                $selected_model,
+                $openrouter_api_key,
+                $conversation_history,
+                $relevant_content
+            );
+            
+            $response_data = [
+                'text' => $regular_response,
+                'html' => '',
+                'session_id' => $session_id
+            ];
+            
+            if ($testing_data !== null) {
+                $response_data['testing_data'] = $testing_data;
+            }
+            
+            header('Content-Type: application/json');
+            echo json_encode($response_data);
+            return true;
+        }
+        
+        curl_close($ch);
+        
+        if (!empty($full_response) && !empty($session_id)) {
+            $this->mxchat_save_chat_message($session_id, 'bot', $full_response);
+        }
+        
+        return true;
+        
+    } catch (Exception $e) {
+        $regular_response = $this->mxchat_generate_response_openrouter(
+            $selected_model,
+            $openrouter_api_key,
+            $conversation_history,
+            $relevant_content
+        );
+        
+        $response_data = [
+            'text' => $regular_response,
+            'html' => '',
+            'session_id' => $session_id
+        ];
+        
+        if ($testing_data !== null) {
+            $response_data['testing_data'] = $testing_data;
+        }
+        
+        header('Content-Type: application/json');
+        echo json_encode($response_data);
+        return true;
+    }
+}
 private function mxchat_generate_response_openai_stream($selected_model, $api_key, $conversation_history, $relevant_content, $session_id, $testing_data = null) {
     try {
@@ -5424 +5647 @@
 }
 
+
+private function mxchat_generate_response_openrouter($selected_model, $openrouter_api_key, $conversation_history, $relevant_content) {
+    try {
+        if (!is_array($conversation_history)) {
+            $conversation_history = array();
+        }
+
+        $bot_id = $this->get_current_bot_id('');
+        $system_prompt_instructions = $this->get_system_instructions($bot_id);
+        
+        $formatted_conversation = array();
+
+        $formatted_conversation[] = array(
+            'role' => 'system',
+            'content' => $system_prompt_instructions . " " . $relevant_content
+        );
+
+        foreach ($conversation_history as $message) {
+            if (is_array($message) && isset($message['role']) && isset($message['content'])) {
+                $role = $message['role'];
+
+                if ($role === 'bot' || $role === 'agent') {
+                    $role = 'assistant';
+                }
+                if (!in_array($role, ['system', 'assistant', 'user'])) {
+                    $role = 'user';
+                }
+
+                $formatted_conversation[] = array(
+                    'role' => $role,
+                    'content' => $message['content']
+                );
+            }
+        }
+
+        $body = json_encode([
+            'model' => $selected_model,
+            'messages' => $formatted_conversation,
+            'temperature' => 1,
+        ]);
+
+        $args = [
+            'body'        => $body,
+            'headers'     => [
+                'Content-Type' => 'application/json',
+                'Authorization' => 'Bearer ' . $openrouter_api_key,
+                'HTTP-Referer' => home_url(),
+                'X-Title' => get_bloginfo('name'),
+            ],
+            'timeout'     => 60,
+            'redirection' => 5,
+            'blocking'    => true,
+            'httpversion' => '1.0',
+            'sslverify'   => true,
+        ];
+
+        $response = wp_remote_post('https://openrouter.ai/api/v1/chat/completions', $args);
+
+        if (is_wp_error($response)) {
+            $error_message = $response->get_error_message();
+            return [
+                'error' => esc_html__('Connection error when contacting OpenRouter: ', 'mxchat') . esc_html($error_message),
+                'error_code' => 'openrouter_connection_error',
+                'provider' => 'openrouter'
+            ];
+        }
+
+        $status_code = wp_remote_retrieve_response_code($response);
+        if ($status_code !== 200) {
+            $response_body = wp_remote_retrieve_body($response);
+            $decoded_response = json_decode($response_body, true);
+            
+            $error_message = isset($decoded_response['error']['message']) 
+                ? $decoded_response['error']['message'] 
+                : 'HTTP Error ' . $status_code;
+            
+            return [
+                'error' => esc_html__('OpenRouter API error: ', 'mxchat') . esc_html($error_message),
+                'error_code' => 'openrouter_api_error',
+                'provider' => 'openrouter',
+                'status_code' => $status_code
+            ];
+        }
+
+        $response_body = wp_remote_retrieve_body($response);
+        $decoded_response = json_decode($response_body, true);
+
+        if (isset($decoded_response['choices'][0]['message']['content'])) {
+            return trim($decoded_response['choices'][0]['message']['content']);
+        } else {
+            return [
+                'error' => esc_html__('Unexpected response format from OpenRouter.', 'mxchat'),
+                'error_code' => 'openrouter_response_format_error',
+                'provider' => 'openrouter'
+            ];
+        }
+    } catch (Exception $e) {
+        return [
+            'error' => esc_html__('System error when processing OpenRouter request: ', 'mxchat') . esc_html($e->getMessage()),
+            'error_code' => 'openrouter_exception',
+            'provider' => 'openrouter'
+        ];
+    }
+}
 private function mxchat_generate_response_claude($selected_model, $claude_api_key, $conversation_history, $relevant_content) {
     
@@ -6374 +6701 @@
 public function mxchat_enqueue_scripts_styles() {
     // Define version numbers for the styles and scripts
-    $chat_style_version = '2.4.7';
-    $chat_script_version = '2.4.7';
+    $chat_style_version = '2.4.8';
+    $chat_script_version = '2.4.8';
     // Enqueue the script
     wp_enqueue_script(
@@ -6971 +7298 @@
  * AJAX handler to get system information for testing panel
  */
+/**
+ * AJAX handler to get system information for testing panel
+ */
 public function mxchat_get_system_info() {
     // Verify nonce for security
@@ -6989 +7319 @@
         : 'No system prompt configured';
     
-    // Get selected model - FIXED: Use $this->options instead of $current_options
+    // Get selected model
     $selected_model = isset($this->options['model']) ? $this->options['model'] : 'gpt-4o';
+    
+    // Check if OpenRouter is being used
+    $is_openrouter = ($selected_model === 'openrouter');
+    $openrouter_model = '';
+    
+    if ($is_openrouter) {
+        // Get the actual OpenRouter model that's selected
+        $openrouter_model = isset($this->options['openrouter_selected_model']) 
+            ? $this->options['openrouter_selected_model'] 
+            : 'No OpenRouter model selected';
+        
+        // Update selected_model display to show both
+        $selected_model = 'OpenRouter: ' . $openrouter_model;
+    }
     
     // Get API key status (just check if they exist, don't expose the keys)
@@ -6999 +7343 @@
     $api_status['xai'] = !empty($this->options['xai_api_key']);
     $api_status['deepseek'] = !empty($this->options['deepseek_api_key']);
+    $api_status['openrouter'] = !empty($this->options['openrouter_api_key']);
     
     wp_send_json_success([
         'system_prompt' => $system_prompt,
         'selected_model' => $selected_model,
+        'is_openrouter' => $is_openrouter,
+        'openrouter_model' => $openrouter_model,
         'api_status' => $api_status
     ]);

mxchat-basic/trunk/js/chat-script.js

@@ -941 +941 @@
 }
 
-//Function to check if streaming is supported for the current model
 function isStreamingSupported(model) {
     if (!model) return false;
 
-    //console.log("Checking streaming support for model:", model); // Debug log
-
-    // Get the model prefix
     const modelPrefix = model.split('-')[0].toLowerCase();
-    
-    //console.log("Model prefix:", modelPrefix); // Debug log
-
-    // Support streaming for OpenAI, Claude, Grok, and DeepSeek models
-    const isSupported = modelPrefix === 'gpt' || modelPrefix === 'o1' || modelPrefix === 'claude' || modelPrefix === 'grok' || modelPrefix === 'deepseek';
-    
-    //console.log("Streaming supported:", isSupported); // Debug log
+
+    // Support streaming for OpenAI, Claude, Grok, DeepSeek, and OpenRouter models
+    const isSupported = modelPrefix === 'gpt' || 
+                        modelPrefix === 'o1' || 
+                        modelPrefix === 'claude' || 
+                        modelPrefix === 'grok' || 
+                        modelPrefix === 'deepseek' || 
+                        model === 'openrouter';  // Add this line - check full model name for OpenRouter
     
     return isSupported;

mxchat-basic/trunk/js/mxchat-admin.js

@@ -391 +391 @@
 
         // Handle all input changes (including range slider)
-         $autosaveSections.find('input, textarea, select').on('change', function() {
+         $autosaveSections.find('input, textarea, select').not('#model, #openrouter_selected_model').on('change', function() {
                     const $field = $(this);
                     const name = $field.attr('name');
@@ -736 +736 @@
     '#toggleBotTokenVisibility',
     '#toggleDeepSeekApiKeyVisibility',
-    '#toggleGeminiApiKeyVisibility' // Added Gemini toggle
+    '#toggleGeminiApiKeyVisibility',
+    '#toggleOpenRouterApiKeyVisibility'
 ].forEach(toggleVisibility);
 
@@ -861 +862 @@
 }
 
-// Add this to your JavaScript file
 function setupMxChatModelSelector() {
     const $modelSelect = $('#model');
@@ -877 +877 @@
     function updateButtonText() {
         const selectedModel = $modelSelect.val();
-        const selectedModelText = $modelSelect.find('option:selected').text();
-        $modelSelectorButton.text(selectedModelText);
-    }
-    
+        
+        // Check if OpenRouter is selected
+        if (selectedModel === 'openrouter') {
+            const openrouterModelId = $('#openrouter_selected_model').val();
+            const openrouterModelName = $('#openrouter_selected_model_name').val();
+            
+            if (openrouterModelName && openrouterModelName.trim() !== '') {
+                $modelSelectorButton.text('OpenRouter: ' + openrouterModelName);
+            } else if (openrouterModelId && openrouterModelId.trim() !== '') {
+                $modelSelectorButton.text('OpenRouter: ' + openrouterModelId);
+            } else {
+                $modelSelectorButton.text('OpenRouter - Select Model');
+            }
+        } else {
+            const selectedModelText = $modelSelect.find('option:selected').text();
+            $modelSelectorButton.text(selectedModelText);
+        }
+    }
+
     // Initialize button text
     updateButtonText();
@@ -896 +911 @@
                         <input type="text" id="mxchat_model_search_input" class="mxchat-model-search-input" placeholder="Search models...">
                     </div>
-                    <div class="mxchat-model-selector-categories">
-                        <button class="mxchat-model-category-btn active" data-category="all">All</button>
-                        <button class="mxchat-model-category-btn" data-category="gemini">Google Gemini</button>
-                        <button class="mxchat-model-category-btn" data-category="openai">OpenAI</button>
-                        <button class="mxchat-model-category-btn" data-category="claude">Claude</button>
-                        <button class="mxchat-model-category-btn" data-category="xai">X.AI</button>
-                        <button class="mxchat-model-category-btn" data-category="deepseek">DeepSeek</button>
-                    </div>
+                        <div class="mxchat-model-selector-categories">
+                            <button class="mxchat-model-category-btn active" data-category="all">All</button>
+                            <button class="mxchat-model-category-btn" data-category="openrouter">OpenRouter</button>
+                            <button class="mxchat-model-category-btn" data-category="gemini">Google Gemini</button>
+                            <button class="mxchat-model-category-btn" data-category="openai">OpenAI</button>
+                            <button class="mxchat-model-category-btn" data-category="claude">Claude</button>
+                            <button class="mxchat-model-category-btn" data-category="xai">X.AI</button>
+                            <button class="mxchat-model-category-btn" data-category="deepseek">DeepSeek</button>
+                        </div>
                     <div class="mxchat-model-selector-grid" id="mxchat_models_grid"></div>
                 </div>
@@ -915 +931 @@
     $('body').append(modelSelectorModal);
     
-// Populate models grid
-// Populate models grid
-function populateModelsGrid(filter = '', category = 'all') {
-    const $grid = $('#mxchat_models_grid');
-    $grid.empty();
-    
-    const models = {
-        gemini: [
-            { value: 'gemini-2.0-flash', label: 'Gemini 2.0 Flash', description: 'Next-Gen features, speed & multimodal generation' },
-            { value: 'gemini-2.0-flash-lite', label: 'Gemini 2.0 Flash-Lite', description: 'Cost-efficient with low latency' },
-            { value: 'gemini-1.5-pro', label: 'Gemini 1.5 Pro', description: 'Complex reasoning tasks requiring more intelligence' },
-            { value: 'gemini-1.5-flash', label: 'Gemini 1.5 Flash', description: 'Fast and versatile performance' },
-        ],
-        openai: [
-            // NEW: GPT-5 family
-            { value: 'gpt-5', label: 'GPT-5', description: 'Flagship for coding, reasoning, and agentic tasks across domains' },
-            { value: 'gpt-5-mini', label: 'GPT-5 Mini', description: 'Faster, more cost-efficient for well-defined tasks and precise prompts' },
-            { value: 'gpt-5-nano', label: 'GPT-5 Nano', description: 'Fastest and cheapest; ideal for summarization and classification' },
-
-            // Existing OpenAI models
-            { value: 'gpt-4.1-2025-04-14', label: 'GPT-4.1', description: 'Flagship model for complex tasks' },
-            { value: 'gpt-4o', label: 'GPT-4o', description: 'Recommended for most use cases' },
-            { value: 'gpt-4o-mini', label: 'GPT-4o Mini', description: 'Fast and lightweight' },
-            { value: 'gpt-4-turbo', label: 'GPT-4 Turbo', description: 'High-performance model' },
-            { value: 'gpt-4', label: 'GPT-4', description: 'High intelligence model' },
-            { value: 'gpt-3.5-turbo', label: 'GPT-3.5 Turbo', description: 'Affordable and fast' },
-        ],
-        claude: [
-            { value: 'claude-opus-4-20250514', label: 'Claude 4 Opus', description: 'Most capable Claude model' },
-            { value: 'claude-sonnet-4-20250514', label: 'Claude 4 Sonnet', description: 'High performance' },
-            { value: 'claude-3-7-sonnet-20250219', label: 'Claude 3.7 Sonnet', description: 'High intelligence' },
-            { value: 'claude-3-5-sonnet-20241022', label: 'Claude 3.5 Sonnet', description: 'Intelligent and balanced' },
-            { value: 'claude-3-opus-20240229', label: 'Claude 3 Opus', description: 'Highly complex tasks' },
-            { value: 'claude-3-sonnet-20240229', label: 'Claude 3 Sonnet', description: 'Balanced performance' },
-            { value: 'claude-3-haiku-20240307', label: 'Claude 3 Haiku', description: 'Fastest Claude model' },
-        ],
-        xai: [
-            { value: 'grok-4-0709', label: 'Grok 4', description: 'Latest flagship model - unparalleled performance in natural language, math and reasoning' }, // Added Grok-4
-            { value: 'grok-3-beta', label: 'Grok-3', description: 'Powerful model with 131K context' },
-            { value: 'grok-3-fast-beta', label: 'Grok-3 Fast', description: 'High performance with faster responses' },
-            { value: 'grok-3-mini-beta', label: 'Grok-3 Mini', description: 'Affordable model with good performance' },
-            { value: 'grok-3-mini-fast-beta', label: 'Grok-3 Mini Fast', description: 'Quick and cost-effective' },
-            { value: 'grok-2', label: 'Grok 2', description: 'Latest X.AI model' },
-        ],
-        deepseek: [
-            { value: 'deepseek-chat', label: 'DeepSeek-V3', description: 'Advanced AI assistant' },
-        ],
+    // MOVE THIS OUTSIDE - Make it a property of the window object so it's accessible globally
+    window.populateModelsGrid = function(filter = '', category = 'all') {
+        const $grid = $('#mxchat_models_grid');
+        $grid.empty();
+        
+        const models = {
+            openrouter: [
+                { value: 'openrouter', label: 'OpenRouter', description: 'Access 100+ models from multiple providers (add API key to browse)' }
+            ],
+            gemini: [
+                { value: 'gemini-2.0-flash', label: 'Gemini 2.0 Flash', description: 'Next-Gen features, speed & multimodal generation' },
+                { value: 'gemini-2.0-flash-lite', label: 'Gemini 2.0 Flash-Lite', description: 'Cost-efficient with low latency' },
+                { value: 'gemini-1.5-pro', label: 'Gemini 1.5 Pro', description: 'Complex reasoning tasks requiring more intelligence' },
+                { value: 'gemini-1.5-flash', label: 'Gemini 1.5 Flash', description: 'Fast and versatile performance' },
+            ],
+            openai: [
+                { value: 'gpt-5', label: 'GPT-5', description: 'Flagship for coding, reasoning, and agentic tasks across domains' },
+                { value: 'gpt-5-mini', label: 'GPT-5 Mini', description: 'Faster, more cost-efficient for well-defined tasks and precise prompts' },
+                { value: 'gpt-5-nano', label: 'GPT-5 Nano', description: 'Fastest and cheapest; ideal for summarization and classification' },
+                { value: 'gpt-4.1-2025-04-14', label: 'GPT-4.1', description: 'Flagship model for complex tasks' },
+                { value: 'gpt-4o', label: 'GPT-4o', description: 'Recommended for most use cases' },
+                { value: 'gpt-4o-mini', label: 'GPT-4o Mini', description: 'Fast and lightweight' },
+                { value: 'gpt-4-turbo', label: 'GPT-4 Turbo', description: 'High-performance model' },
+                { value: 'gpt-4', label: 'GPT-4', description: 'High intelligence model' },
+                { value: 'gpt-3.5-turbo', label: 'GPT-3.5 Turbo', description: 'Affordable and fast' },
+            ],
+                claude: [
+                    { value: 'claude-sonnet-4-5-20250929', label: 'Claude Sonnet 4.5', description: 'Best for complex agents and coding' },
+                    { value: 'claude-opus-4-1-20250805', label: 'Claude Opus 4.1', description: 'Exceptional for specialized complex tasks' },
+                    { value: 'claude-haiku-4-5-20251001', label: 'Claude Haiku 4.5', description: 'Fastest and most intelligent Haiku' },
+                    { value: 'claude-opus-4-20250514', label: 'Claude 4 Opus', description: 'Most capable Claude model' },
+                    { value: 'claude-sonnet-4-20250514', label: 'Claude 4 Sonnet', description: 'High performance' },
+                    { value: 'claude-3-7-sonnet-20250219', label: 'Claude 3.7 Sonnet', description: 'High intelligence' },
+                    { value: 'claude-3-5-sonnet-20241022', label: 'Claude 3.5 Sonnet', description: 'Intelligent and balanced' },
+                    { value: 'claude-3-opus-20240229', label: 'Claude 3 Opus', description: 'Highly complex tasks' },
+                    { value: 'claude-3-sonnet-20240229', label: 'Claude 3 Sonnet', description: 'Balanced performance' },
+                    { value: 'claude-3-haiku-20240307', label: 'Claude 3 Haiku', description: 'Fastest Claude model' },
+                ],
+            xai: [
+                { value: 'grok-4-0709', label: 'Grok 4', description: 'Latest flagship model - unparalleled performance in natural language, math and reasoning' },
+                { value: 'grok-3-beta', label: 'Grok-3', description: 'Powerful model with 131K context' },
+                { value: 'grok-3-fast-beta', label: 'Grok-3 Fast', description: 'High performance with faster responses' },
+                { value: 'grok-3-mini-beta', label: 'Grok-3 Mini', description: 'Affordable model with good performance' },
+                { value: 'grok-3-mini-fast-beta', label: 'Grok-3 Mini Fast', description: 'Quick and cost-effective' },
+                { value: 'grok-2', label: 'Grok 2', description: 'Latest X.AI model' },
+            ],
+            deepseek: [
+                { value: 'deepseek-chat', label: 'DeepSeek-V3', description: 'Advanced AI assistant' },
+            ],
+        };
+        
+        let allModels = [];
+        Object.keys(models).forEach(key => {
+            if (category === 'all' || category === key) {
+                allModels = allModels.concat(models[key]);
+            }
+        });
+        
+        // Filter by search term if present
+        if (filter) {
+            const lowerFilter = filter.toLowerCase();
+            allModels = allModels.filter(model => 
+                model.label.toLowerCase().includes(lowerFilter) || 
+                model.description.toLowerCase().includes(lowerFilter)
+            );
+        }
+        
+        // Create model cards
+        allModels.forEach(model => {
+            const isSelected = $modelSelect.val() === model.value;
+            const $modelCard = $(`
+                <div class="mxchat-model-selector-card ${isSelected ? 'mxchat-model-selected' : ''}" data-value="${model.value}">
+                    <div class="mxchat-model-selector-icon">${getModelIcon(model.value)}</div>
+                    <div class="mxchat-model-selector-info">
+                        <h4 class="mxchat-model-selector-title">${model.label}</h4>
+                        <p class="mxchat-model-selector-description">${model.description}</p>
+                    </div>
+                    ${isSelected ? '<div class="mxchat-model-selector-checkmark">✓</div>' : ''}
+                </div>
+            `);
+            $grid.append($modelCard);
+        });
     };
-    
-    let allModels = [];
-    Object.keys(models).forEach(key => {
-        if (category === 'all' || category === key) {
-            allModels = allModels.concat(models[key]);
-        }
-    });
-    
-    // Filter by search term if present
-    if (filter) {
-        const lowerFilter = filter.toLowerCase();
-        allModels = allModels.filter(model => 
-            model.label.toLowerCase().includes(lowerFilter) || 
-            model.description.toLowerCase().includes(lowerFilter)
-        );
-    }
-    
-    // Create model cards
-    allModels.forEach(model => {
-        const isSelected = $modelSelect.val() === model.value;
-        const $modelCard = $(`
-            <div class="mxchat-model-selector-card ${isSelected ? 'mxchat-model-selected' : ''}" data-value="${model.value}">
-                <div class="mxchat-model-selector-icon">${getModelIcon(model.value)}</div>
-                <div class="mxchat-model-selector-info">
-                    <h4 class="mxchat-model-selector-title">${model.label}</h4>
-                    <p class="mxchat-model-selector-description">${model.description}</p>
-                </div>
-                ${isSelected ? '<div class="mxchat-model-selector-checkmark">✓</div>' : ''}
-            </div>
-        `);
-        $grid.append($modelCard);
-    });
-}
-
-
-
-// Helper function to get icon for each model
-function getModelIcon(modelValue) {
-    if (modelValue.startsWith('gemini-')) return '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" class="mxchat-model-icon-gemini"><defs><path id="a" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"></path></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"></use></clipPath><path clip-path="url(#b)" fill="#FBBC05" d="M0 37V11l17 13z"></path><path clip-path="url(#b)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"></path><path clip-path="url(#b)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"></path><path clip-path="url(#b)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"></path></svg>';
-    if (modelValue.startsWith('gpt-')) return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320" class="mxchat-model-icon-openai"><path fill="currentColor" d="M297 131a80.6 80.6 0 0 0-93.7-104.2 80.6 80.6 0 0 0-137 29A80.6 80.6 0 0 0 23 189a80.6 80.6 0 0 0 93.7 104.2 80.6 80.6 0 0 0 137-29A80.7 80.7 0 0 0 297.1 131zM176.9 299c-14 .1-27.6-4.8-38.4-13.8l1.9-1 63.7-36.9c3.3-1.8 5.3-5.3 5.2-9v-89.9l27 15.6c.3.1.4.4.5.7v74.4a60 60 0 0 1-60 60zM47.9 244a59.7 59.7 0 0 1-7.1-40.1l1.9 1.1 63.7 36.8c3.2 1.9 7.2 1.9 10.5 0l77.8-45V228c0 .3-.2.6-.4.8L129.9 266a60 60 0 0 1-82-22zM31.2 105c7-12.2 18-21.5 31.2-26.3v75.8c0 3.7 2 7.2 5.2 9l77.8 45-27 15.5a1 1 0 0 1-.9 0L53.1 187a60 60 0 0 1-22-82zm221.2 51.5-77.8-45 27-15.5a1 1 0 0 1 .9 0l64.4 37.1a60 60 0 0 1-9.3 108.2v-75.8c0-3.7-2-7.2-5.2-9zm26.8-40.4-1.9-1.1-63.7-36.8a10.4 10.4 0 0 0-10.5 0L125.4 123V92c0-.3 0-.6.3-.8L190.1 54a60 60 0 0 1 89.1 62.1zm-168.5 55.4-27-15.5a1 1 0 0 1-.4-.7V80.9a60 60 0 0 1 98.3-46.1l-1.9 1L116 72.8a10.3 10.3 0 0 0-5.2 9v89.8zm14.6-31.5 34.7-20 34.6 20v40L160 200l-34.7-20z"></path></svg>';
-    if (modelValue.startsWith('claude-')) return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 176" fill="none" class="mxchat-model-icon-claude"><path fill="currentColor" d="m147.487 0l70.081 175.78H256L185.919 0zM66.183 106.221l23.98-61.774l23.98 61.774zM70.07 0L0 175.78h39.18l14.33-36.914h73.308l14.328 36.914h39.179L110.255 0z"></path></svg>';
-    if (modelValue.startsWith('grok-')) return '<svg fill="currentColor" fill-rule="evenodd" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="mxchat-model-icon-xai"><path d="M6.469 8.776L16.512 23h-4.464L2.005 8.776H6.47zm-.004 7.9l2.233 3.164L6.467 23H2l4.465-6.324zM22 2.582V23h-3.659V7.764L22 2.582zM22 1l-9.952 14.095-2.233-3.163L17.533 1H22z"></path></svg>';
-    if (modelValue.startsWith('deepseek-')) return '<svg height="1em" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg" class="mxchat-model-icon-deepseek"><path d="M23.748 4.482c-.254-.124-.364.113-.512.234-.051.039-.094.09-.137.136-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.156-.708-.311-.955-.65-.172-.241-.219-.51-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.093.172.187.129.323-.082.28-.18.552-.266.833-.055.179-.137.217-.329.14a5.526 5.526 0 01-1.736-1.18c-.857-.828-1.631-1.742-2.597-2.458a11.365 11.365 0 00-.689-.471c-.985-.957.13-1.743.388-1.836.27-.098.093-.432-.779-.428-.872.004-1.67.295-2.687.684a3.055 3.055 0 01-.465.137 9.597 9.597 0 00-2.883-.102c-1.885.21-3.39 1.102-4.497 2.623C.082 8.606-.231 10.684.152 12.85c.403 2.284 1.569 4.175 3.36 5.653 1.858 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.133-.284 4.994-1.86.47.234.962.327 1.78.397.63.059 1.236-.03 1.705-.128.735-.156.684-.837.419-.961-2.155-1.004-1.682-.595-2.113-.926 1.096-1.296 2.746-2.642 3.392-7.003.05-.347.007-.565 0-.845-.004-.17.035-.237.23-.256a4.173 4.173 0 001.545-.475c1.396-.763 1.96-2.015 2.093-3.517.02-.23-.004-.467-.247-.588zM11.581 18c-2.089-1.642-3.102-2.183-3.52-2.16-.392.024-.321.471-.235.763.09.288.207.486.371.739.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.167-1.361-.802-2.5-1.86-3.301-3.307-.774-1.393-1.224-2.887-1.298-4.482-.02-.386.093-.522.477-.592a4.696 4.696 0 011.529-.039c2.132.312 3.946 1.265 5.468 2.774.868.86 1.525 1.887 2.202 2.891.72 1.066 1.494 2.082 2.48 2.914.348.292.625.514.891.677-.802.09-2.14.11-3.054-.614zm1-6.44a.306.306 0 01.415-.287.302.302 0 01.2.288.306.306 0 01-.31.307.303.303 0 01-.304-.308zm3.11 1.596c-.2.081-.399.151-.59.16a1.245 1.245 0 01-.798-.254c-.274-.23-.47-.358-.552-.758a1.73 1.73 0 01.016-.588c.07-.327-.008-.537-.239-.727-.187-.156-.426-.199-.688-.199a.559.559 0 01-.254-.078c-.11-.054-.2-.19-.114-.358.028-.054.16-.186.192-.21.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.391.451.462.576.685.914.176.265.336.537.445.848.067.195-.019.354-.25.452z" fill="currentColor"></path></svg>';
-    return '<span class="dashicons dashicons-admin-generic mxchat-model-icon-generic"></span>';
-}
+
+    // Helper function to get icon for each model
+    function getModelIcon(modelValue) {
+        if (modelValue === 'openrouter') return '<span class="dashicons dashicons-networking" style="font-size: 24px; color: #6750A4;"></span>';
+        if (modelValue.startsWith('gemini-')) return '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" class="mxchat-model-icon-gemini"><defs><path id="a" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"></path></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"></use></clipPath><path clip-path="url(#b)" fill="#FBBC05" d="M0 37V11l17 13z"></path><path clip-path="url(#b)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"></path><path clip-path="url(#b)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"></path><path clip-path="url(#b)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"></path></svg>';
+        if (modelValue.startsWith('gpt-')) return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320" class="mxchat-model-icon-openai"><path fill="currentColor" d="M297 131a80.6 80.6 0 0 0-93.7-104.2 80.6 80.6 0 0 0-137 29A80.6 80.6 0 0 0 23 189a80.6 80.6 0 0 0 93.7 104.2 80.6 80.6 0 0 0 137-29A80.7 80.7 0 0 0 297.1 131zM176.9 299c-14 .1-27.6-4.8-38.4-13.8l1.9-1 63.7-36.9c3.3-1.8 5.3-5.3 5.2-9v-89.9l27 15.6c.3.1.4.4.5.7v74.4a60 60 0 0 1-60 60zM47.9 244a59.7 59.7 0 0 1-7.1-40.1l1.9 1.1 63.7 36.8c3.2 1.9 7.2 1.9 10.5 0l77.8-45V228c0 .3-.2.6-.4.8L129.9 266a60 60 0 0 1-82-22zM31.2 105c7-12.2 18-21.5 31.2-26.3v75.8c0 3.7 2 7.2 5.2 9l77.8 45-27 15.5a1 1 0 0 1-.9 0L53.1 187a60 60 0 0 1-22-82zm221.2 51.5-77.8-45 27-15.5a1 1 0 0 1 .9 0l64.4 37.1a60 60 0 0 1-9.3 108.2v-75.8c0-3.7-2-7.2-5.2-9zm26.8-40.4-1.9-1.1-63.7-36.8a10.4 10.4 0 0 0-10.5 0L125.4 123V92c0-.3 0-.6.3-.8L190.1 54a60 60 0 0 1 89.1 62.1zm-168.5 55.4-27-15.5a1 1 0 0 1-.4-.7V80.9a60 60 0 0 1 98.3-46.1l-1.9 1L116 72.8a10.3 10.3 0 0 0-5.2 9v89.8zm14.6-31.5 34.7-20 34.6 20v40L160 200l-34.7-20z"></path></svg>';
+        if (modelValue.startsWith('claude-')) return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 176" fill="none" class="mxchat-model-icon-claude"><path fill="currentColor" d="m147.487 0l70.081 175.78H256L185.919 0zM66.183 106.221l23.98-61.774l23.98 61.774zM70.07 0L0 175.78h39.18l14.33-36.914h73.308l14.328 36.914h39.179L110.255 0z"></path></svg>';
+        if (modelValue.startsWith('grok-')) return '<svg fill="currentColor" fill-rule="evenodd" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="mxchat-model-icon-xai"><path d="M6.469 8.776L16.512 23h-4.464L2.005 8.776H6.47zm-.004 7.9l2.233 3.164L6.467 23H2l4.465-6.324zM22 2.582V23h-3.659V7.764L22 2.582zM22 1l-9.952 14.095-2.233-3.163L17.533 1H22z"></path></svg>';
+        if (modelValue.startsWith('deepseek-')) return '<svg height="1em" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg" class="mxchat-model-icon-deepseek"><path d="M23.748 4.482c-.254-.124-.364.113-.512.234-.051.039-.094.09-.137.136-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.156-.708-.311-.955-.65-.172-.241-.219-.51-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.093.172.187.129.323-.082.28-.18.552-.266.833-.055.179-.137.217-.329.14a5.526 5.526 0 01-1.736-1.18c-.857-.828-1.631-1.742-2.597-2.458a11.365 11.365 0 00-.689-.471c-.985-.957.13-1.743.388-1.836.27-.098.093-.432-.779-.428-.872.004-1.67.295-2.687.684a3.055 3.055 0 01-.465.137 9.597 9.597 0 00-2.883-.102c-1.885.21-3.39 1.102-4.497 2.623C.082 8.606-.231 10.684.152 12.85c.403 2.284 1.569 4.175 3.36 5.653 1.858 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.133-.284 4.994-1.86.47.234.962.327 1.78.397.63.059 1.236-.03 1.705-.128.735-.156.684-.837.419-.961-2.155-1.004-1.682-.595-2.113-.926 1.096-1.296 2.746-2.642 3.392-7.003.05-.347.007-.565 0-.845-.004-.17.035-.237.23-.256a4.173 4.173 0 001.545-.475c1.396-.763 1.96-2.015 2.093-3.517.02-.23-.004-.467-.247-.588zM11.581 18c-2.089-1.642-3.102-2.183-3.52-2.16-.392.024-.321.471-.235.763.09.288.207.486.371.739.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.167-1.361-.802-2.5-1.86-3.301-3.307-.774-1.393-1.224-2.887-1.298-4.482-.02-.386.093-.522.477-.592a4.696 4.696 0 011.529-.039c2.132.312 3.946 1.265 5.468 2.774.868.86 1.525 1.887 2.202 2.891.72 1.066 1.494 2.082 2.48 2.914.348.292.625.514.891.677-.802.09-2.14.11-3.054-.614zm1-6.44a.306.306 0 01.415-.287.302.302 0 01.2.288.306.306 0 01-.31.307.303.303 0 01-.304-.308zm3.11 1.596c-.2.081-.399.151-.59.16a1.245 1.245 0 01-.798-.254c-.274-.23-.47-.358-.552-.758a1.73 1.73 0 01.016-.588c.07-.327-.008-.537-.239-.727-.187-.156-.426-.199-.688-.199a.559.559 0 01-.254-.078c-.11-.054-.2-.19-.114-.358.028-.054.16-.186.192-.21.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.391.451.462.576.685.914.176.265.336.537.445.848.067.195-.019.354-.25.452z" fill="currentColor"></path></svg>';
+        return '<span class="dashicons dashicons-admin-generic mxchat-model-icon-generic"></span>';
+    }
     
     // Event handlers
     $modelSelectorButton.on('click', function() {
         $('#mxchat_model_selector_modal').show();
-        populateModelsGrid('', 'all');
+        window.populateModelsGrid('', 'all');
     });
     
@@ -1024 +1041 @@
         const category = $(this).data('category');
         const searchTerm = $('#mxchat_model_search_input').val();
-        populateModelsGrid(searchTerm, category);
+        window.populateModelsGrid(searchTerm, category);
     });
     
@@ -1030 +1047 @@
         const searchTerm = $(this).val();
         const activeCategory = $('.mxchat-model-category-btn.active').data('category');
-        populateModelsGrid(searchTerm, activeCategory);
-    });
-    
-    $(document).on('click', '.mxchat-model-selector-card', function() {
-        const modelValue = $(this).data('value');
+        window.populateModelsGrid(searchTerm, activeCategory);
+    });
+    
+$(document).on('click', '.mxchat-model-selector-card', function() {
+    const modelValue = $(this).data('value');
+    const $modelSelect = $('#model'); // Add this line to ensure we have the element
+    
+    // Check if OpenRouter was selected
+    if (modelValue === 'openrouter') {
+        // Load OpenRouter models instead of closing
+        loadOpenRouterModels();
+    } else {
+        // Normal model selection
         $modelSelect.val(modelValue).trigger('change');
-        updateButtonText();
+        
+        // Manually save the model via AJAX
+        jQuery.ajax({
+            url: mxchatAdmin.ajax_url,
+            type: 'POST',
+            data: {
+                action: 'mxchat_save_setting',
+                name: 'model',
+                value: modelValue,
+                _ajax_nonce: mxchatAdmin.setting_nonce
+            },
+            success: function(response) {
+                if (response.success) {
+                    // Update button text after successful save
+                    const selectedModelText = $modelSelect.find('option:selected').text();
+                    $('#mxchat_model_selector_btn').text(selectedModelText);
+                }
+            }
+        });
+        
         $('#mxchat_model_selector_modal').hide();
-    });
+    }
+});
     
     // Close modal when clicking outside
@@ -1046 +1091 @@
         }
     });
+}
+
+function loadOpenRouterModels() {
+    const apiKey = $('#openrouter_api_key').val(); // This line already re-checks the field
+    const $modal = $('#mxchat_model_selector_modal');
+    const $modalBody = $modal.find('.mxchat-model-selector-modal-body');
+    
+    if (!apiKey || apiKey.trim() === '') {
+        // Show error message in modal
+        $modalBody.html(`
+            <div style="text-align: center; padding: 40px;">
+                <span class="dashicons dashicons-warning" style="font-size: 48px; color: #d63638; margin-bottom: 20px;"></span>
+                <h3>OpenRouter API Key Required</h3>
+                <p>Please enter your OpenRouter API key in the settings before selecting a model. If you're seeing this message and recently entered API key, try refreshing.</p>
+                <button class="button button-primary" id="mxchat_back_to_models">Back to Models</button>
+            </div>
+        `);
+        
+        $('#mxchat_back_to_models').on('click', function(e) {
+            e.preventDefault();
+            // CHANGE THIS: Instead of reloading, restore the original modal content
+            $modalBody.html(`
+                <div class="mxchat-model-selector-search-container">
+                    <input type="text" id="mxchat_model_search_input" class="mxchat-model-search-input" placeholder="Search models...">
+                </div>
+                <div class="mxchat-model-selector-categories">
+                    <button class="mxchat-model-category-btn active" data-category="all">All</button>
+                    <button class="mxchat-model-category-btn" data-category="openrouter">OpenRouter</button>
+                    <button class="mxchat-model-category-btn" data-category="gemini">Google Gemini</button>
+                    <button class="mxchat-model-category-btn" data-category="openai">OpenAI</button>
+                    <button class="mxchat-model-category-btn" data-category="claude">Claude</button>
+                    <button class="mxchat-model-category-btn" data-category="xai">X.AI</button>
+                    <button class="mxchat-model-category-btn" data-category="deepseek">DeepSeek</button>
+                </div>
+                <div class="mxchat-model-selector-grid" id="mxchat_models_grid"></div>
+            `);
+            
+            // Re-populate the grid
+            populateModelsGrid('', 'all');
+            
+            // Re-bind event handlers
+            rebindModalEventHandlers();
+        });
+        return;
+    }
+    
+    // Show loading state
+    $modalBody.html(`
+        <div style="text-align: center; padding: 60px 20px;">
+            <div class="spinner is-active" style="float: none; margin: 0 auto 20px;"></div>
+            <h3>Loading OpenRouter Models...</h3>
+            <p>Fetching available models from OpenRouter</p>
+        </div>
+    `);
+    
+    // Fetch models from OpenRouter
+    jQuery.ajax({
+        url: mxchatAdmin.ajax_url,
+        type: 'POST',
+        data: {
+            action: 'mxchat_fetch_openrouter_models',
+            api_key: apiKey,
+            nonce: mxchatAdmin.fetch_openrouter_models_nonce
+        },
+        success: function(response) {
+            if (response.success && response.data.models) {
+                displayOpenRouterModels(response.data.models);
+            } else {
+                $modalBody.html(`
+                    <div style="text-align: center; padding: 40px;">
+                        <span class="dashicons dashicons-warning" style="font-size: 48px; color: #d63638; margin-bottom: 20px;"></span>
+                        <h3>Error Loading Models</h3>
+                        <p>${response.data.message || 'Failed to load models from OpenRouter'}</p>
+                        <button class="button button-primary" id="mxchat_back_to_models">Back to Models</button>
+                    </div>
+                `);
+                
+                $('#mxchat_back_to_models').on('click', function(e) {
+                    e.preventDefault();
+                    // CHANGE THIS: Restore original content instead of reloading
+                    restoreOriginalModalContent();
+                });
+            }
+        },
+        error: function() {
+            $modalBody.html(`
+                <div style="text-align: center; padding: 40px;">
+                    <span class="dashicons dashicons-warning" style="font-size: 48px; color: #d63638; margin-bottom: 20px;"></span>
+                    <h3>Connection Error</h3>
+                    <p>Failed to connect to OpenRouter. Please check your API key and try again.</p>
+                    <button class="button button-primary" id="mxchat_back_to_models">Back to Models</button>
+                </div>
+            `);
+            
+            $('#mxchat_back_to_models').on('click', function(e) {
+                e.preventDefault();
+                // CHANGE THIS: Restore original content instead of reloading
+                restoreOriginalModalContent();
+            });
+        }
+    });
+}
+function restoreOriginalModalContent() {
+    const $modalBody = $('#mxchat_model_selector_modal').find('.mxchat-model-selector-modal-body');
+    
+    $modalBody.html(`
+        <div class="mxchat-model-selector-search-container">
+            <input type="text" id="mxchat_model_search_input" class="mxchat-model-search-input" placeholder="Search models...">
+        </div>
+        <div class="mxchat-model-selector-categories">
+            <button class="mxchat-model-category-btn active" data-category="all">All</button>
+            <button class="mxchat-model-category-btn" data-category="openrouter">OpenRouter</button>
+            <button class="mxchat-model-category-btn" data-category="gemini">Google Gemini</button>
+            <button class="mxchat-model-category-btn" data-category="openai">OpenAI</button>
+            <button class="mxchat-model-category-btn" data-category="claude">Claude</button>
+            <button class="mxchat-model-category-btn" data-category="xai">X.AI</button>
+            <button class="mxchat-model-category-btn" data-category="deepseek">DeepSeek</button>
+        </div>
+        <div class="mxchat-model-selector-grid" id="mxchat_models_grid"></div>
+    `);
+    
+    // Re-populate the grid
+    window.populateModelsGrid('', 'all');
+    
+    // Re-bind event handlers
+    rebindModalEventHandlers();
+}
+function rebindModalEventHandlers() {
+    const $modal = $('#mxchat_model_selector_modal');
+    
+    // Re-bind category button clicks
+    $('.mxchat-model-category-btn').off('click').on('click', function() {
+        $('.mxchat-model-category-btn').removeClass('active');
+        $(this).addClass('active');
+        const category = $(this).data('category');
+        const searchTerm = $('#mxchat_model_search_input').val();
+        window.populateModelsGrid(searchTerm, category);
+    });
+    
+    // Re-bind search input
+    $('#mxchat_model_search_input').off('input').on('input', function() {
+        const searchTerm = $(this).val();
+        const activeCategory = $('.mxchat-model-category-btn.active').data('category');
+        populateModelsGrid(searchTerm, activeCategory);
+    });
+}
+
+function displayOpenRouterModels(models) {
+    const $modal = $('#mxchat_model_selector_modal');
+    const $modalBody = $modal.find('.mxchat-model-selector-modal-body');
+    const currentSelected = $('#openrouter_selected_model').val();
+    
+    // Build new modal content with search and models
+    const newContent = `
+        <div class="mxchat-model-selector-search-container">
+            <input type="text" id="mxchat_openrouter_search" class="mxchat-model-search-input" placeholder="Search OpenRouter models...">
+            <p style="margin: 10px 0; color: #666; font-size: 13px;">
+                <strong>${models.length} models available</strong> · 
+                <a href="#" id="mxchat_back_to_provider_select" style="color: #2271b1;">← Back to providers</a>
+            </p>
+        </div>
+        <div class="mxchat-model-selector-grid" id="mxchat_openrouter_models_grid"></div>
+    `;
+    
+    $modalBody.html(newContent);
+    
+    // Function to render models
+    function renderOpenRouterModels(filterText = '') {
+        const $grid = $('#mxchat_openrouter_models_grid');
+        $grid.empty();
+        
+        let filteredModels = models;
+        if (filterText) {
+            const lowerFilter = filterText.toLowerCase();
+            filteredModels = models.filter(m => 
+                m.id.toLowerCase().includes(lowerFilter) ||
+                m.name.toLowerCase().includes(lowerFilter) ||
+                (m.description && m.description.toLowerCase().includes(lowerFilter))
+            );
+        }
+        
+        filteredModels.forEach(model => {
+            const isSelected = currentSelected === model.id;
+            const contextLength = model.context_length ? `${(model.context_length / 1000).toFixed(0)}K` : '';
+            const promptPrice = model.pricing.prompt ? `$${(model.pricing.prompt * 1000000).toFixed(2)}/1M` : '';
+            
+            const $card = jQuery(`
+                <div class="mxchat-model-selector-card mxchat-openrouter-card ${isSelected ? 'mxchat-model-selected' : ''}" data-model-id="${model.id}">
+                    <div class="mxchat-model-selector-icon">
+                        ${getOpenRouterIcon(model.id)}
+                    </div>
+                    <div class="mxchat-model-selector-info">
+                        <h4 class="mxchat-model-selector-title">${model.name}</h4>
+                        <div style="font-size: 12px; color: #666; margin-top: 5px;">
+                            ${contextLength ? '<span style="margin-right: 12px;">📄 ' + contextLength + '</span>' : ''}
+                            ${promptPrice ? '<span>💰 ' + promptPrice + '</span>' : ''}
+                        </div>
+                    </div>
+                    ${isSelected ? '<div class="mxchat-model-selector-checkmark">✓</div>' : ''}
+                </div>
+            `);
+            
+            $grid.append($card);
+        });
+    }
+    
+    // Helper to get icon
+    function getOpenRouterIcon(modelId) {
+        if (modelId.includes('gpt') || modelId.includes('openai')) {
+            return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320" class="mxchat-model-icon-openai"><path fill="currentColor" d="M297 131a80.6 80.6 0 0 0-93.7-104.2 80.6 80.6 0 0 0-137 29A80.6 80.6 0 0 0 23 189a80.6 80.6 0 0 0 93.7 104.2 80.6 80.6 0 0 0 137-29A80.7 80.7 0 0 0 297.1 131zM176.9 299c-14 .1-27.6-4.8-38.4-13.8l1.9-1 63.7-36.9c3.3-1.8 5.3-5.3 5.2-9v-89.9l27 15.6c.3.1.4.4.5.7v74.4a60 60 0 0 1-60 60zM47.9 244a59.7 59.7 0 0 1-7.1-40.1l1.9 1.1 63.7 36.8c3.2 1.9 7.2 1.9 10.5 0l77.8-45V228c0 .3-.2.6-.4.8L129.9 266a60 60 0 0 1-82-22zM31.2 105c7-12.2 18-21.5 31.2-26.3v75.8c0 3.7 2 7.2 5.2 9l77.8 45-27 15.5a1 1 0 0 1-.9 0L53.1 187a60 60 0 0 1-22-82zm221.2 51.5-77.8-45 27-15.5a1 1 0 0 1 .9 0l64.4 37.1a60 60 0 0 1-9.3 108.2v-75.8c0-3.7-2-7.2-5.2-9zm26.8-40.4-1.9-1.1-63.7-36.8a10.4 10.4 0 0 0-10.5 0L125.4 123V92c0-.3 0-.6.3-.8L190.1 54a60 60 0 0 1 89.1 62.1zm-168.5 55.4-27-15.5a1 1 0 0 1-.4-.7V80.9a60 60 0 0 1 98.3-46.1l-1.9 1L116 72.8a10.3 10.3 0 0 0-5.2 9v89.8zm14.6-31.5 34.7-20 34.6 20v40L160 200l-34.7-20z"></path></svg>';
+        } else if (modelId.includes('claude') || modelId.includes('anthropic')) {
+            return '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 176" fill="none" class="mxchat-model-icon-claude"><path fill="currentColor" d="m147.487 0l70.081 175.78H256L185.919 0zM66.183 106.221l23.98-61.774l23.98 61.774zM70.07 0L0 175.78h39.18l14.33-36.914h73.308l14.328 36.914h39.179L110.255 0z"></path></svg>';
+        } else if (modelId.includes('gemini') || modelId.includes('google')) {
+            return '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" class="mxchat-model-icon-gemini"><defs><path id="a" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"></path></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"></use></clipPath><path clip-path="url(#b)" fill="#FBBC05" d="M0 37V11l17 13z"></path><clip-path="url(#b)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"></path><path clip-path="url(#b)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"></path><path clip-path="url(#b)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"></path></svg>';
+        }
+        return '<span class="dashicons dashicons-cloud" style="font-size: 24px; color: #6750A4;"></span>';
+    }
+    
+    // Initial render
+    renderOpenRouterModels();
+    
+    // Search handler
+    $('#mxchat_openrouter_search').on('input', function() {
+        renderOpenRouterModels($(this).val());
+    });
+    
+    $('#mxchat_back_to_provider_select').on('click', function(e) {
+        e.preventDefault();
+        // Instead of location.reload(), restore original content
+        restoreOriginalModalContent();
+    });
+    
+// Model selection
+$(document).on('click', '.mxchat-openrouter-card', function() {
+    const modelId = $(this).data('model-id');
+    const modelName = models.find(m => m.id === modelId)?.name || modelId;
+    
+    // First, save that we're using OpenRouter
+    jQuery.ajax({
+        url: mxchatAdmin.ajax_url,
+        type: 'POST',
+        data: {
+            action: 'mxchat_save_setting',
+            name: 'model',
+            value: 'openrouter',
+            _ajax_nonce: mxchatAdmin.setting_nonce
+        },
+        success: function() {
+            // After model is set, save the model ID
+            jQuery.ajax({
+                url: mxchatAdmin.ajax_url,
+                type: 'POST',
+                data: {
+                    action: 'mxchat_save_setting',
+                    name: 'openrouter_selected_model',
+                    value: modelId,
+                    _ajax_nonce: mxchatAdmin.setting_nonce
+                },
+                success: function() {
+                    // Update DOM immediately
+                    $('#openrouter_selected_model').val(modelId);
+                    
+                    // After model ID is saved, save the display name
+                    jQuery.ajax({
+                        url: mxchatAdmin.ajax_url,
+                        type: 'POST',
+                        data: {
+                            action: 'mxchat_save_setting',
+                            name: 'openrouter_selected_model_name',
+                            value: modelName,
+                            _ajax_nonce: mxchatAdmin.setting_nonce
+                        },
+                        success: function() {
+                            // Update DOM immediately
+                            $('#openrouter_selected_model_name').val(modelName);
+                            
+                            // Update button text
+                            $('#mxchat_model_selector_btn').text('OpenRouter: ' + modelName);
+                        }
+                    });
+                }
+            });
+        }
+    });
+    
+    // Close modal
+    $modal.hide();
+});
+
 }
 

mxchat-basic/trunk/js/test-panel.js

@@ -607 +607 @@
 
     updateSystemPrompt() {
-        const promptEl = this.panel.querySelector('#system-prompt');
-        promptEl.textContent = 'Loading system prompt...';
-        
-        fetch(mxchatTestData.ajaxUrl, {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/x-www-form-urlencoded',
-            },
-            body: new URLSearchParams({
-                action: 'mxchat_get_system_info',
-                nonce: mxchatTestData.nonce
-            })
+    const promptEl = this.panel.querySelector('#system-prompt');
+    promptEl.textContent = 'Loading system prompt...';
+    
+    fetch(mxchatTestData.ajaxUrl, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/x-www-form-urlencoded',
+        },
+        body: new URLSearchParams({
+            action: 'mxchat_get_system_info',
+            nonce: mxchatTestData.nonce
         })
-        .then(response => response.json())
-        .then(data => {
-            if (data.success) {
-                promptEl.textContent = data.data.system_prompt || 'No system prompt configured';
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            promptEl.textContent = data.data.system_prompt || 'No system prompt configured';
+            
+            // Enhanced model display with OpenRouter support
+            if (data.data.is_openrouter) {
+                this.log(`🤖 Model: OpenRouter`);
+                this.log(`   └─ Using: ${data.data.openrouter_model}`);
+            } else {
                 this.log(`🤖 Model: ${data.data.selected_model}`);
-                this.log(`🔑 API Status: ${JSON.stringify(data.data.api_status)}`);
+            }
+            
+            // Enhanced API status with OpenRouter
+            const apiStatus = data.data.api_status;
+            const configuredApis = Object.keys(apiStatus).filter(key => apiStatus[key]);
+            
+            if (configuredApis.length > 0) {
+                this.log(`🔑 Configured APIs: ${configuredApis.map(api => {
+                    // Capitalize and format API names
+                    if (api === 'openai') return 'OpenAI';
+                    if (api === 'xai') return 'X.AI';
+                    if (api === 'openrouter') return 'OpenRouter';
+                    return api.charAt(0).toUpperCase() + api.slice(1);
+                }).join(', ')}`);
             } else {
-                promptEl.textContent = 'Error loading system prompt';
+                this.log(`⚠️ No API keys configured`);
             }
-        })
-        .catch(error => {
-            console.error('Error fetching system info:', error);
-            promptEl.textContent = 'Connection error';
-        });
-    }
+            
+            // Specific warning for OpenRouter if selected but no key
+            if (data.data.is_openrouter && !apiStatus.openrouter) {
+                this.log(`❌ WARNING: OpenRouter selected but no API key configured!`);
+            }
+        } else {
+            promptEl.textContent = 'Error loading system prompt';
+        }
+    })
+    .catch(error => {
+        console.error('Error fetching system info:', error);
+        promptEl.textContent = 'Connection error';
+    });
+}
 
     updateKnowledgeBaseStatus() {

mxchat-basic/trunk/mxchat-basic.php

@@ -4 +4 @@
  * Plugin URI: https://mxchat.ai/
  * Description: AI chatbot for WordPress with OpenAI, Claude, xAI, DeepSeek, live agent, PDF uploads, WooCommerce, and training on website data.
- * Version: 2.4.7
+ * Version: 2.4.8
  * Author: MxChat
  * Author URI: https://mxchat.ai
@@ -18 +18 @@
 
 // Define plugin version constant for asset versioning
-define('MXCHAT_VERSION', '2.4.7');
+define('MXCHAT_VERSION', '2.4.8');
 
 function mxchat_load_textdomain() {

mxchat-basic/trunk/readme.txt

@@ -6 +6 @@
 Tested up to: 6.8
 Requires PHP: 7.2
-Stable tag: 2.4.7
+Stable tag: 2.4.8
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 
-AI chatbot with OpenAI, Gemini, Claude, Grok, DeepSeek, live agent, PDF uploads, WooCommerce, and training on website data.
+AI chatbot with OpenAI, Gemini, Claude, Grok, DeepSeek, OpenRouter, live agent, WooCommerce, and training on website data.
 
 == Description ==
@@ -32 +32 @@
 ## Why Choose MxChat AI Chatbot for Your WordPress Website?
 
-✅ **5 Major AI Providers in One Plugin**: OpenAI GPT, Claude, Gemini, xAI Grok, and DeepSeek - switch between 25+ models instantly  
-✅ **Train on Your Website Data**: Advanced RAG technology learns from sitemaps, PDFs, URLs, or manual input for ultra-relevant responses  
+✅ **6 Major AI Providers in One Plugin**: OpenRouter, OpenAI GPT, Claude, Gemini, xAI Grok, and DeepSeek - switch between 100+ models instantly✅ **Train on Your Website Data**: Advanced RAG technology learns from sitemaps, PDFs, URLs, or manual input for ultra-relevant responses  
 ✅ **Live Agent Handoff via Slack**: Seamlessly escalate from AI to human support when customers need personal assistance  
 ✅ **Real-Time Debug Panel**: See exactly what your chatbot retrieves and triggers with our admin testing interface  
@@ -39 +38 @@
 ✅ **Extensive Add-On Ecosystem**: Forms, moderation, recommendations, theme customization, and more  
 
-## 🔥 What's New in Version 2.4.4  
-
-🐞 **Bug Fixes**  
-- Default similarity is now accurate across all settings  
-- Improved streaming responses to prevent dropped characters or words  
-
-⚡ **Enhancements**  
-- Removed unnecessary Pinecone caching in the knowledge database for more accurate results  
+## 🔥 What's New in Version 2.4.8  
+🚀 **New Features**  
+- **OpenRouter Integration** - Access 100+ AI models from multiple providers using a single API key! Browse and select from hundreds of cutting-edge models including OpenAI, Anthropic, Google, Meta, and more.
+- **Latest Claude Models** - Added support for Anthropic's newest models:
+  - Claude Sonnet 4.5 - Best for complex agents and coding tasks
+  - Claude Opus 4.1 - Exceptional performance for specialized complex tasks
+  - Claude Haiku 4.5 - Fastest and most intelligent Haiku model with extended thinking
 
 ## Core Features That Set MxChat Apart
@@ -58 +56 @@
 🟢 **Streaming Responses** – Real-time response streaming for OpenAI, Claude, and Grok models for the fastest possible chat experience  
 
-## Choose from 25+ Premium AI Models
-
+## Choose from 100+ Premium AI Models
 Access the world's most advanced AI models based on your specific needs:
 
+**OpenRouter**: 100+ models from multiple providers with a single API key - including OpenAI, Anthropic, Google, Meta, Mistral, and more!
 **OpenAI**: GPT-5, GPT-5-mini, GPT-5-nano, GPT-4.1, GPT-4o, GPT-4o-mini, GPT-4-turbo, GPT-4, GPT-3.5-turbo
-**X.AI**: Grok-4, Grok-3, Grok-3 Fast, Grok-3 Mini, Grok-3 Mini Fast, Grok-2  
-**Claude**: Claude 4 Sonnet, Claude 4 Opus, Claude 3.7 Sonnet, Claude 3.5 Sonnet, Claude 3 Opus  
-**DeepSeek**: DeepSeek V3  
-**Google Gemini**: Gemini 2.0 Flash, Gemini 2.0 Flash-Lite, Gemini 1.5 Pro, Gemini 1.5 Flash  
+**Anthropic Claude**: Claude Sonnet 4.5, Claude Opus 4.1, Claude Haiku 4.5, Claude 4 Sonnet, Claude 4 Opus, Claude 3.7 Sonnet, Claude 3.5 Sonnet, Claude 3 Opus
+**X.AI**: Grok-4, Grok-3, Grok-3 Fast, Grok-3 Mini, Grok-3 Mini Fast, Grok-2
+**Google Gemini**: Gemini 2.0 Flash, Gemini 2.0 Flash-Lite, Gemini 1.5 Pro, Gemini 1.5 Flash
+**DeepSeek**: DeepSeek V3
 
 ## Supercharge Your eCommerce with AI
@@ -133 +131 @@
 
 **Service Providers:**
+- [OpenRouter](https://openrouter.ai/) - [Terms](https://openrouter.ai/terms) | [Privacy](https://openrouter.ai/privacy)
 - [OpenAI](https://openai.com/) - [Terms](https://openai.com/policies/terms-of-use/) | [Privacy](https://openai.com/policies/privacy-policy/)
 - [Anthropic](https://anthropic.com/) - [Terms](https://www.anthropic.com/terms) | [Privacy](https://www.anthropic.com/privacy)
@@ -181 +180 @@
 
 == Changelog ==
+
+= 2.4.8 - October 16, 2025 =
+- New: OpenRouter integration - access 100+ AI models with a single API key
+- New: Added Claude Sonnet 4.5, Claude Opus 4.1, and Claude Haiku 4.5 support
 
 = 2.4.7 - October 13, 2025 =
@@ -556 +559 @@
 == Upgrade Notice ==
 
-= 2.4.7 =
-- Security: Fixed Server-Side Request Forgery (SSRF) vulnerability in PDF processing (CVE-2025-10705)
+= 2.4.8 =
+Major update: OpenRouter integration with 100+ models and new Claude Sonnet 4.5, Opus 4.1, and Haiku 4.5 support
 
 == License & Warranty ==