=== MxChat Theme Customizer ===
Contributors: mxchat
Donate link: https://mxchat.ai/
Tags: chatbot themes, ai theme generator, mxchat, chatbot customization, css generator, ai styling
Requires at least: 5.8
Tested up to: 6.8.2
Requires PHP: 7.4
Stable tag: 1.1.3
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

AI-powered theme customization add-on for MxChat Pro with intelligent CSS generation and live preview.

== Description ==

MxChat Theme Customizer is a revolutionary add-on for MxChat Pro that transforms how you customize your chatbot's appearance. Featuring breakthrough AI theme generation technology, this plugin allows you to create stunning chatbot themes using simple natural language descriptions.

**THIS ADD-ON REQUIRES MXCHAT PRO**

= Key Features =

**🎨 AI Theme Generator**
* Describe your ideal theme in plain English (e.g., "dark purple with gold accents")
* Multiple AI models supported (Claude 4, GPT-4, Gemini, DeepSeek, xAI)
* Intelligent CSS generation with security validation
* One-click apply and save functionality

**⚡ Real-Time Customization**
* Live preview of all theme changes
* Manual color picker controls for precise adjustments
* AJAX-powered instant saving
* No page refreshes required

**🎯 Advanced Theme Management**
* Save and organize multiple custom themes
* Apply saved themes instantly
* Export/import theme configurations
* Theme versioning and backup

**🔧 Professional Features**
* CSS code viewer and editor
* Thinking dots animation styling
* Icon customization (PNG upload support)
* Seamless MxChat Pro integration

= Perfect For =
* WordPress site owners wanting branded chatbots
* Agencies managing multiple client sites
* Developers seeking rapid theme prototyping
* Anyone wanting professional designs without coding

**Note: This plugin requires the MxChat Pro plugin to be activated and licensed.**

== Installation ==

1. Ensure you have MxChat Pro installed, activated, and licensed
2. Upload the mxchat-theme-customizer folder to the /wp-content/plugins/ directory
3. Activate the plugin through the 'Plugins' menu in WordPress
4. Navigate to MxChat > Theme Settings in the WordPress admin panel
5. Start customizing with AI or manual controls

== Frequently Asked Questions ==

= Does this plugin work without MxChat Pro? =
No, this add-on requires MxChat Pro with an active license to function. Ensure you have it installed and activated before using the theme customizer.

= How does the AI theme generator work? =
Simply describe your desired theme in natural language (e.g., "modern blue and white with rounded corners"). The AI will generate custom CSS code that's automatically validated and applied to your chatbot.

= Which AI models are supported? =
The plugin supports Claude Sonnet 4.5, Claude Opus 4.1, Claude Haiku 4.5, GPT-5, GPT-5 Mini, GPT-5 Nano, GPT-4o, GPT-4o Mini, Gemini 1.5 Pro, Gemini 1.5 Flash, DeepSeek-V3, Grok 4, and xAI Grok Beta. You can use any model configured in your MxChat Pro settings.

= Can I edit the generated CSS manually? =
Yes! You can view, copy, and manually edit any generated CSS code. The plugin includes a built-in CSS viewer with syntax highlighting.

= Will this affect my website's performance? =
No, the plugin is optimized for efficiency. CSS is loaded only where needed, and all operations use AJAX to prevent page reloads.

= Can I use custom icons? =
Yes, you can upload custom PNG icons for both the chatbot button and title bar. The plugin includes URL validation and preview functionality.

= Is the generated CSS secure? =
Absolutely. All AI-generated CSS goes through multiple security validation layers, removing potentially dangerous code while ensuring only safe styling properties are applied.

== Screenshots ==

1. AI Theme Generator - Describe your theme and watch AI create custom CSS
2. Live Preview Interface - See real-time updates as you customize
3. Manual Color Controls - Fine-tune colors with professional color pickers
4. Saved Themes Manager - Organize and apply your custom theme collection
5. CSS Code Viewer - Inspect and copy generated CSS code

== Changelog ==

= 1.1.3 =
* Updated default widget position values for improved mobile and desktop experience
* Bug Fix: Existing installations now automatically update to corrected widget position defaults
* Enhancement: Added version upgrade routine to ensure position settings are reset for all users
* Widget Position (Desktop): Changed from 130px to 30px (distance from bottom)
* Pre-Chat Popup Position (Desktop): Changed from 185px to 85px (distance from bottom)
* Widget Position (Mobile): Changed from 75px to 15px (distance from bottom)
* Pre-Chat Popup Position (Mobile): Changed from 130px to 70px (distance from bottom)

= 1.1.2 =
* New: Added Input Container Background Color setting with independent save functionality
* New: Added Input Container Border Color setting with independent save functionality
* Bug Fix: Corrected AJAX URL reference in admin.js for position settings
* Enhancement: Improved code structure and validation for position adjustment features

= 1.1.1 =
* New: Added position adjustment settings for widget and pre-chat popup (Desktop & Mobile)
* New: Auto-save functionality for position settings with live preview
* Enhancement: Improved customization controls with range sliders and number inputs

= 1.1.0 =
* New: Added GPT-5 model support (GPT-5, GPT-5 Mini, GPT-5 Nano)
* New: Added Claude 4.5 model support (Claude Sonnet 4.5, Claude Opus 4.1, Claude Haiku 4.5)
* Removed: Deprecated Claude 3.7 Sonnet model

= 1.0.9 =
* Bug Fix: Fixed a bug causing it to not update properly.

= 1.0.8 =
* New Model: Grok 4
* New Feature: Added the ability to edit CSS in generated themes.

= 1.0.7 =
* Added support for the new arrow icon toggle for quick questions in both the theme generator and color selector.
* Improved AI theme generator output to hide border of chatbot UI on mobile.

== Upgrade Notice ==

= 1.1.3 =
* Important: This update automatically resets widget position settings to corrected defaults for all installations
* Updated default widget position values for improved mobile and desktop experience
* Ensures consistent positioning across all devices

= 1.1.2 =
* New: Added Input Container Background Color setting with independent save functionality
* New: Added Input Container Border Color setting with independent save functionality
* Bug Fix: Corrected AJAX URL reference in admin.js for position settings
* Enhancement: Improved code structure and validation for position adjustment features

== Support ==

For support, documentation, and tutorials, please visit [https://mxchat.ai/](https://mxchat.ai/)

Follow us for updates:
* Website: [https://mxchat.ai/](https://mxchat.ai/)
* Documentation: [https://docs.mxchat.ai/](https://docs.mxchat.ai/)

== License ==

This plugin is licensed under the GPL-2.0+ license. See [GPL License](http://www.gnu.org/licenses/gpl-2.0.html) for details.