<?php
/**
 * Plugin Name:       PowerStack - Admin search and quick navigation
 * Description:       Instantly navigate WordPress and WooCommerce using a Spotlight-style command palette (Cmd+K). Fast, lightweight admin search with zero bloat! ⚡
 * Version:           1.0.1
 * Author:            PowerStack
 * Author URI:        https://profiles.wordpress.org/rajputravindra694/
 * License:           GPL-2.0-or-later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:       powerstack-admin-search
 * Requires at least: 5.8
 * Requires PHP:      7.4
 * WC requires at least: 5.0
 * WC tested up to: 8.6
 * Woo: 5.0.0
 */

// If this file is called directly, abort.
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

// Define plugin constants
define( 'POWERSTACK_ADMIN_SEARCH_VERSION', '1.0.1' );
define( 'POWERSTACK_ADMIN_SEARCH_SLUG', 'powerstack-admin-search' );
define( 'POWERSTACK_ADMIN_SEARCH_FILE', __FILE__ );
define( 'POWERSTACK_ADMIN_SEARCH_PATH', plugin_dir_path( __FILE__ ) );
define( 'POWERSTACK_ADMIN_SEARCH_URL', plugin_dir_url( __FILE__ ) );

// Define telemetry endpoint (can be overridden in wp-config.php)
if ( ! defined( 'POWERSTACK_TELEMETRY_ENDPOINT' ) ) {
	define( 'POWERSTACK_TELEMETRY_ENDPOINT', 'https://powerstackwp.com/wp-json/powerstack/v1/telemetry' );
}

// Define telemetry disable constant (can be set to true in wp-config.php to disable)
// define( 'POWERSTACK_DISABLE_TELEMETRY', true );

/**
 * Declare WooCommerce HPOS compatibility
 */
add_action(
	'before_woocommerce_init',
	array( 'PowerStack_AdminSearch', 'powerstack_declare_hpos_compatibility' )
);

/**
 * Main plugin class - Singleton Pattern
 */
final class PowerStack_AdminSearch {

	/**
	 * Singleton instance
	 * @var PowerStack_AdminSearch|null
	 */
	private static $instance = null;

	/**
	 * Get singleton instance
	 * @return PowerStack_AdminSearch
	 */
	public static function powerstack_get_instance() {
		if ( null === self::$instance ) {
			self::$instance = new self();
		}
		return self::$instance;
	}

	/**
	 * Private constructor to prevent direct instantiation
	 */
	private function __construct() {
		$this->powerstack_init();
	}

	/**
	 * Initialize plugin
	 */
	private function powerstack_init() {
		add_action( 'plugins_loaded', array( $this, 'powerstack_load_plugin' ) );
		add_action( 'admin_enqueue_scripts', array( $this, 'powerstack_enqueue_assets' ) );
		add_action( 'admin_footer', array( $this, 'powerstack_render_mount_point' ) );
	}

	/**
	 * Load plugin components
	 */
	public function powerstack_load_plugin() {
		// WordPress 4.6+ automatically loads text domains from wordpress.org
		
		// Load core functionality
		require_once POWERSTACK_ADMIN_SEARCH_PATH . 'includes/class-powerstack-menu-parser.php';
		require_once POWERSTACK_ADMIN_SEARCH_PATH . 'includes/class-powerstack-security.php';
		require_once POWERSTACK_ADMIN_SEARCH_PATH . 'includes/class-powerstack-content-search.php';
		
		// Initialize content search to register REST API routes
		PowerStack_Content_Search::powerstack_get_instance();
	}

	/**
	 * Check if WooCommerce is active and compatible (supports both HPOS and Legacy)
	 * @return bool
	 */
	private function powerstack_is_woocommerce_active() {
		if ( ! class_exists( 'WooCommerce' ) ) {
			return false;
		}

		// Check WooCommerce version compatibility (supports 5.0+ for both storage types)
		if ( version_compare( WC()->version, '5.0', '<' ) ) {
			return false;
		}

		// Plugin is compatible with both HPOS and Legacy storage
		// No need to force HPOS compatibility check - we support both
		return true;
	}

	/**
	 * Declare compatibility with the woocommerce HPOS
	 */
	public static function powerstack_declare_hpos_compatibility() {
		if ( class_exists( \Automattic\WooCommerce\Utilities\FeaturesUtil::class ) ) {
			\Automattic\WooCommerce\Utilities\FeaturesUtil::declare_compatibility(
				'custom_order_tables',
				__FILE__,
				true
			);
		}
	}

	/**
	 * Render React mount point in admin footer
	 */
	public function powerstack_render_mount_point() {
		if ( ! current_user_can( 'manage_options' ) ) {
			return;
		}
		
		echo '<div id="wpst-admin-search-bar-root"></div>';
	}

	/**
	 * Enqueue plugin assets
	 */
	public function powerstack_enqueue_assets() {
		if ( ! current_user_can( 'manage_options' ) ) {
			return;
		}

		// Enqueue compiled styles
		$style_file = POWERSTACK_ADMIN_SEARCH_PATH . 'build/command-bar.css';
		$style_version = file_exists( $style_file ) ? filemtime( $style_file ) : POWERSTACK_ADMIN_SEARCH_VERSION;
		
		wp_enqueue_style(
			'powerstack-admin-search-style',
			POWERSTACK_ADMIN_SEARCH_URL . 'build/command-bar.css',
			array(),
			$style_version
		);
		
		// Futuristic CSS styles for stunning visual experience
		wp_add_inline_style('powerstack-admin-search-style', '
			.powerstack-palette-overlay {
				position: fixed !important;
				top: 0 !important;
				left: 0 !important;
				right: 0 !important;
				bottom: 0 !important;
				background: radial-gradient(ellipse at center, rgba(59, 130, 246, 0.15) 0%, rgba(0, 0, 0, 0.8) 100%) !important;
				z-index: 999999 !important;
				display: flex !important;
				align-items: flex-start !important;
				justify-content: center !important;
				padding-top: 8vh !important;
				backdrop-filter: blur(12px) !important;
				-webkit-backdrop-filter: blur(12px) !important;
				animation: powerstackFadeIn 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
			}
			.powerstack-palette {
				background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%) !important;
				border-radius: 20px !important;
				box-shadow: 0 32px 64px -12px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
				max-width: 680px !important;
				width: 94% !important;
				max-height: 85vh !important;
				overflow: hidden !important;
				display: flex !important;
				flex-direction: column !important;
				animation: powerstackSlideIn 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
				border: 1px solid rgba(255, 255, 255, 0.2) !important;
				position: relative !important;
			}
			.powerstack-palette::before {
				content: "" !important;
				position: absolute !important;
				top: 0 !important;
				left: 0 !important;
				right: 0 !important;
				height: 1px !important;
				background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.8), transparent) !important;
				animation: powerstackGlow 3s ease-in-out infinite !important;
			}
			.powerstack-palette-search {
				padding: 24px 28px 20px !important;
				border-bottom: 1px solid rgba(59, 130, 246, 0.1) !important;
				background: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(240, 249, 255, 0.8) 100%) !important;
				position: relative !important;
			}
			.powerstack-palette-search::after {
				content: "" !important;
				position: absolute !important;
				bottom: 0 !important;
				left: 28px !important;
				right: 28px !important;
				height: 1px !important;
				background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.3), transparent) !important;
			}
			.powerstack-search-input {
				width: 100% !important;
				border: none !important;
				outline: none !important;
				font-size: 20px !important;
				font-weight: 600 !important;
				padding: 14px 0 !important;
				background: transparent !important;
				color: #0f172a !important;
				font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
				line-height: 1.4 !important;
				letter-spacing: -0.025em !important;
				transition: all 0.2s ease !important;
			}
			.powerstack-search-input::placeholder {
				color: #64748b !important;
				font-weight: 400 !important;
				opacity: 0.7 !important;
			}
			.powerstack-search-input:focus {
				color: #1e40af !important;
			}
			.powerstack-palette-content {
				flex: 1 !important;
				overflow-y: auto !important;
				max-height: 450px !important;
				background: rgba(255, 255, 255, 0.6) !important;
				/* Smooth scrolling optimization */
				scroll-behavior: smooth !important;
				-webkit-overflow-scrolling: touch !important;
				/* Hardware acceleration for smooth scrolling */
				transform: translateZ(0) !important;
				-webkit-transform: translateZ(0) !important;
				/* Optimize scrolling performance */
				will-change: scroll-position !important;
				/* Enable GPU acceleration */
				backface-visibility: hidden !important;
				-webkit-backface-visibility: hidden !important;
				/* Prevent sub-pixel rendering issues */
				perspective: 1000px !important;
				-webkit-perspective: 1000px !important;
			}
			.powerstack-palette-content::-webkit-scrollbar {
				width: 8px !important;
			}
			.powerstack-palette-content::-webkit-scrollbar-track {
				background: rgba(241, 245, 249, 0.5) !important;
				border-radius: 4px !important;
			}
			.powerstack-palette-content::-webkit-scrollbar-thumb {
				background: linear-gradient(180deg, rgba(59, 130, 246, 0.4), rgba(59, 130, 246, 0.2)) !important;
				border-radius: 4px !important;
				border: 1px solid rgba(255, 255, 255, 0.2) !important;
			}
			.powerstack-palette-content::-webkit-scrollbar-thumb:hover {
				background: linear-gradient(180deg, rgba(59, 130, 246, 0.6), rgba(59, 130, 246, 0.4)) !important;
			}
			.powerstack-result-item {
				display: flex !important;
				align-items: center !important;
				padding: 16px 28px !important;
				cursor: pointer !important;
				border-bottom: 1px solid rgba(226, 232, 240, 0.3) !important;
				transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
				position: relative !important;
				background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(248, 250, 252, 0.4) 100%) !important;
				backdrop-filter: blur(4px) !important;
				/* Optimize for smooth scrolling */
				contain: layout style paint !important;
				content-visibility: auto !important;
				will-change: transform, background-color !important;
				/* Hardware acceleration */
				transform: translateZ(0) !important;
				-webkit-transform: translateZ(0) !important;
				/* Prevent rendering issues */
				backface-visibility: hidden !important;
				-webkit-backface-visibility: hidden !important;
			}
			.powerstack-result-item:last-child {
				border-bottom: none !important;
			}
			.powerstack-result-item:hover {
				background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(147, 197, 253, 0.08) 100%) !important;
				transform: translateX(4px) scale(1.02) !important;
				box-shadow: 0 4px 20px -8px rgba(59, 130, 246, 0.3) !important;
			}
			.powerstack-result-item:active {
				background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(147, 197, 253, 0.12) 100%) !important;
				transform: translateX(2px) scale(1.01) !important;
			}
			.powerstack-instant-result {
				border-left: 4px solid #10b981 !important;
				background: linear-gradient(135deg, rgba(16, 185, 129, 0.06) 0%, rgba(167, 243, 208, 0.06) 100%) !important;
				position: relative !important;
			}
			.powerstack-instant-result::before {
				content: "" !important;
				position: absolute !important;
				left: 0 !important;
				top: 0 !important;
				bottom: 0 !important;
				width: 2px !important;
				background: linear-gradient(180deg, #10b981, #34d399) !important;
				animation: powerstackPulse 2s ease-in-out infinite !important;
			}
			.powerstack-instant-result:hover {
				background: linear-gradient(135deg, rgba(16, 185, 129, 0.12) 0%, rgba(167, 243, 208, 0.12) 100%) !important;
				box-shadow: 0 4px 20px -8px rgba(16, 185, 129, 0.4) !important;
			}
			.powerstack-instant-badge {
				color: #059669 !important;
				font-weight: 700 !important;
				margin-left: 12px !important;
				font-size: 13px !important;
				opacity: 0.9 !important;
				text-shadow: 0 0 10px rgba(16, 185, 129, 0.3) !important;
				animation: powerstackGlow 2s ease-in-out infinite !important;
			}
			.powerstack-palette-content-item-icon {
				width: 44px !important;
				height: 44px !important;
				margin-right: 18px !important;
				display: flex !important;
				align-items: center !important;
				justify-content: center !important;
				background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(147, 197, 253, 0.1) 100%) !important;
				border-radius: 12px !important;
				flex-shrink: 0 !important;
				border: 1px solid rgba(59, 130, 246, 0.2) !important;
				transition: all 0.2s ease !important;
			}
			.powerstack-result-item:hover .powerstack-palette-content-item-icon {
				background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 197, 253, 0.15) 100%) !important;
				transform: scale(1.05) !important;
				box-shadow: 0 4px 12px -4px rgba(59, 130, 246, 0.3) !important;
			}
			.powerstack-palette-content-item-icon .dashicons {
				font-size: 22px !important;
				width: 22px !important;
				height: 22px !important;
				color: #3b82f6 !important;
				transition: all 0.2s ease !important;
			}
			.powerstack-palette-content-item-image {
				width: 44px !important;
				height: 44px !important;
				margin-right: 18px !important;
				display: flex !important;
				align-items: center !important;
				justify-content: center !important;
				background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(147, 197, 253, 0.1) 100%) !important;
				border-radius: 12px !important;
				flex-shrink: 0 !important;
				border: 1px solid rgba(59, 130, 246, 0.2) !important;
				overflow: hidden !important;
				transition: all 0.2s ease !important;
				position: relative !important;
			}
			.powerstack-result-item:hover .powerstack-palette-content-item-image {
				background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(147, 197, 253, 0.15) 100%) !important;
				transform: scale(1.05) !important;
				box-shadow: 0 4px 12px -4px rgba(59, 130, 246, 0.3) !important;
				border-color: rgba(59, 130, 246, 0.3) !important;
			}
			.powerstack-palette-content-item-img {
				width: 100% !important;
				height: 100% !important;
				object-fit: cover !important;
				border-radius: 8px !important;
				transition: all 0.2s ease !important;
			}
			.powerstack-palette-content-item-image::before {
				content: "" !important;
				position: absolute !important;
				top: 0 !important;
				left: 0 !important;
				right: 0 !important;
				bottom: 0 !important;
				background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%) !important;
				border-radius: 12px !important;
				pointer-events: none !important;
			}
			.powerstack-palette-content-item-content {
				flex: 1 !important;
				min-width: 0 !important;
			}
			.powerstack-palette-content-item-title {
				font-weight: 700 !important;
				font-size: 16px !important;
				color: #0f172a !important;
				margin-bottom: 2px !important;
				line-height: 1.4 !important;
				font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
				letter-spacing: -0.025em !important;
				transition: all 0.2s ease !important;
				word-break: break-word !important;
			}
			.powerstack-palette-content-item-hierarchy {
				font-size: 12px !important;
				color: #64748b !important;
				line-height: 1.3 !important;
				font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
				font-weight: 500 !important;
				margin-bottom: 2px !important;
				opacity: 0.85 !important;
			}
			.powerstack-result-item:hover .powerstack-palette-content-item-title {
				color: #1e40af !important;
			}
			.powerstack-palette-content-item-description {
				font-size: 13px !important;
				color: #64748b !important;
				line-height: 1.4 !important;
				font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
				opacity: 0.8 !important;
			}
			.powerstack-palette-loading {
				padding: 48px !important;
				text-align: center !important;
				color: #64748b !important;
				font-size: 15px !important;
				font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
				font-weight: 500 !important;
			}
			.powerstack-palette-spinner {
				width: 28px !important;
				height: 28px !important;
				border: 3px solid rgba(59, 130, 246, 0.1) !important;
				border-top: 3px solid #3b82f6 !important;
				border-radius: 50% !important;
				animation: powerstackSpin 1s linear infinite !important;
				margin: 0 auto 16px !important;
				box-shadow: 0 0 20px rgba(59, 130, 246, 0.2) !important;
			}
			/* Hide Quick Edit buttons */
			.inline-edit-trigger {
				display: none !important;
			}
			@keyframes powerstackFadeIn {
				from { opacity: 0; }
				to { opacity: 1; }
			}
			@keyframes powerstackSlideIn {
				from { opacity: 0; transform: translateY(-20px) scale(0.95); }
				to { opacity: 1; transform: translateY(0) scale(1); }
			}
			@keyframes powerstackSpin {
				from { transform: rotate(0deg); }
				to { transform: rotate(360deg); }
			}
			@keyframes powerstackGlow {
				0%, 100% { opacity: 0.6; }
				50% { opacity: 1; }
			}
			@keyframes powerstackPulse {
				0%, 100% { opacity: 0.4; }
				50% { opacity: 1; }
			}
		');

		// Enqueue compiled React script with proper dependencies
		$this->powerstack_enqueue_compiled_script();

		// Enqueue WordPress REST API script to get proper nonce handling
		wp_enqueue_script( 'wp-api' );
		
		// Localize script with menu data and configuration
		wp_localize_script(
			'powerstack-admin-search-script',
			'powerstack_data',
			array(
				'ajax_url' => admin_url( 'admin-ajax.php' ),
				'rest_url' => rest_url( 'powerstack/v1/' ),
				'menu_items' => $this->powerstack_get_menu_items(),
				'plugin_url' => POWERSTACK_ADMIN_SEARCH_URL,
				'version' => POWERSTACK_ADMIN_SEARCH_VERSION,
			)
		);

		// Add inline script for configuration and direct React initialization
		$inline_script = '
			window.powerstack = ' . wp_json_encode( array(
				'keyboardShortcut' => array(
					'modifier' => $this->powerstack_get_keyboard_modifier(),
					'key' => 'k',
				),
				'i18n' => array(
					'placeholder' => __( 'Type a command or search...', 'powerstack-admin-search' ),
					'no_results' => __( 'No results found.', 'powerstack-admin-search' ),
					'navigate' => __( 'Navigate to', 'powerstack-admin-search' ),
					'search' => __( 'Search', 'powerstack-admin-search' ),
					'edit' => __( 'Edit', 'powerstack-admin-search' ),
					'view' => __( 'View', 'powerstack-admin-search' ),
				),
			) ) . '; 
			
			setTimeout(function() { 
				console.log("PowerStack: Initializing React directly..."); 
				
				// Hide any legacy search bars
				var legacyElements = document.querySelectorAll("[id*=powerstack], [class*=powerstack]");
				legacyElements.forEach(function(el) {
					if (el.id !== "wpst-admin-search-bar-root") {
						el.style.display = "none";
					}
				});
				
				var mountPoint = document.getElementById("wpst-admin-search-bar-root"); 
				console.log("PowerStack: Mount point exists:", !!mountPoint); 
				if (mountPoint) { 
					console.log("PowerStack: Mount point content:", mountPoint.innerHTML); 
					// Direct React initialization without relying on global init
					if (window.wp && window.wp.element) {
						console.log("PowerStack: WordPress React available, mounting directly..."); 
						try {
							// Create a full-featured React component with search
							var React = window.wp.element;
							var useState = React.useState;
							var useEffect = React.useEffect;
							var createElement = React.createElement;
							
							var App = function() {
								var isOpen = useState(false);
								var setIsOpen = isOpen[1];
								var searchQuery = useState("");
								var searchResults = useState([]);
								var isLoading = useState(false);
								var setSearchQuery = searchQuery[1];
								var setSearchResults = searchResults[1];
								var setIsLoading = isLoading[1];
								
								// Function to close WordPress native command palette
								function closeWordPressCommandPalette() {
									// Try to find and close WordPress command palette
									var wpCommandPalette = document.querySelector(".components-modal__screen-overlay, .command-palette-modal, [data-testid=\"command-palette\"]");
									if (wpCommandPalette) {
										// Try to find the close button
										var closeButton = wpCommandPalette.querySelector("button[aria-label*=\"Close\"], .components-button[aria-label*=\"close\"], button[onclick*=\"close\"]");
										if (closeButton) {
											closeButton.click();
										} else {
											// Fallback: remove the modal directly
											wpCommandPalette.remove();
										}
									}
								}
								
								useEffect(function() {
									function handleKeyDown(e) {
										if ((e.metaKey || e.ctrlKey) && e.key === "k") {
											e.preventDefault();
											setIsOpen(true);
										}
										// Close on Escape key
										if (e.key === "Escape" && isOpen[0]) {
											e.preventDefault();
											setIsOpen(false);
											// Close WordPress native command palette
											closeWordPressCommandPalette();
										}
									}
									document.addEventListener("keydown", handleKeyDown);
									return function() { document.removeEventListener("keydown", handleKeyDown); };
								}, [isOpen[0]]);
								
								// Hook WordPress admin bar Ctrl+K button
								useEffect(function() {
									function handleAdminBarClick(e) {
										e.preventDefault();
										e.stopPropagation();
										setIsOpen(true);
									}
									
									// Try to find and hook the admin bar command palette button
									var adminBarButton = document.querySelector("#wp-admin-bar-command-palette .ab-item");
									if (adminBarButton) {
										adminBarButton.addEventListener("click", handleAdminBarClick);
										return function() { 
											adminBarButton.removeEventListener("click", handleAdminBarClick); 
										};
									}
								}, []);
								
								// Search functionality with proper instant results + API results
								useEffect(function() {
									if (!searchQuery[0]) {
										setSearchResults(window.powerstack_data.menu_items || []);
										setIsLoading(false);
										return;
									}
									
									// Show instant menu results immediately
									var menuItems = window.powerstack_data.menu_items || [];
									var filtered = menuItems.filter(function(item) {
										return item.title.toLowerCase().includes(searchQuery[0].toLowerCase());
									});
									
									// Mark instant results
									var instantResults = filtered.map(function(item) {
										return Object.assign({}, item, { isInstant: true });
									});
									
									// Show instant results immediately
									setSearchResults(instantResults);
									setIsLoading(true);
									
									var timeout = setTimeout(function() {
										// Search WooCommerce orders/products if available
										if (window.powerstack_data.rest_url) {
											// Create new AbortController for this request
											var abortController = new AbortController();
											
											fetch(window.powerstack_data.rest_url + "search-content?q=" + encodeURIComponent(searchQuery[0]) + "&type=all", {
												headers: {
													"X-WP-Nonce": wpApiSettings.nonce
												},
												signal: abortController.signal
											})
											.then(function(response) { 
												// Check if request was aborted
												if (abortController.signal.aborted) {
													return Promise.reject(new Error("Request aborted"));
												}
												return response.json(); 
											})
											.then(function(data) {
												// Check if request was aborted during JSON parsing
												if (abortController.signal.aborted) {
													return;
												}
												
												if (data && data.success && data.results) {
													// Flatten the results object to an array
													var allResults = [];
													if (data.results.posts) allResults = allResults.concat(data.results.posts);
													if (data.results.pages) allResults = allResults.concat(data.results.pages);
													if (data.results.media) allResults = allResults.concat(data.results.media);
													if (data.results.orders) allResults = allResults.concat(data.results.orders);
													if (data.results.products) allResults = allResults.concat(data.results.products);
													if (data.results.customers) allResults = allResults.concat(data.results.customers);
													
													// Append API results to instant results
													setSearchResults(instantResults.concat(allResults));
												} else {
													// Keep only instant results if API fails
													setSearchResults(instantResults);
												}
												setIsLoading(false);
											})
											.catch(function(error) {
												// Don\'t update results if request was aborted
												if (error.message === "Request aborted" || abortController.signal.aborted) {
													return;
												}
												// Keep only instant results if API fails
												setSearchResults(instantResults);
												setIsLoading(false);
											});
											
											// Store abort controller so it can be cancelled by cleanup
											window.powerstack_currentRequest = abortController;
										} else {
											// No API available, keep only instant results
											setSearchResults(instantResults);
											setIsLoading(false);
										}
									}, 300);
									
									return function() { 
										clearTimeout(timeout);
										// Cancel any pending request when component unmounts or query changes
										if (window.powerstack_currentRequest) {
											window.powerstack_currentRequest.abort();
											window.powerstack_currentRequest = null;
										}
									};
								}, [searchQuery[0]]);
								
								if (!isOpen[0]) return null;
								
								return createElement("div", {
									className: "powerstack-palette-overlay",
									onClick: function() { 
										setIsOpen(false);
										closeWordPressCommandPalette();
									}
								}, 
									createElement("div", {
										className: "powerstack-palette",
										onClick: function(e) { e.stopPropagation(); }
									}, [
										createElement("div", {
											key: "search",
											className: "powerstack-palette-search"
										}, 
											createElement("input", {
												type: "text",
												className: "powerstack-search-input",
												placeholder: window.powerstack.i18n.placeholder,
												autoFocus: true,
												value: searchQuery[0],
												onChange: function(e) { setSearchQuery(e.target.value); }
											})
										),
										createElement("div", {
											key: "content",
											className: "powerstack-palette-content"
										}, 
											searchResults[0].length > 0 ?
												[
													// Render search results
													searchResults[0].map(function(item, index) {
														return createElement("div", {
															key: index,
															className: "powerstack-result-item" + (item.isInstant ? " powerstack-instant-result" : ""),
															"data-type": item.type || \'menu\',
															"data-id": item.id || \'\',
															onClick: function() { 
																// Handle different URL fields for different content types
																// Content search results use edit_url, menu items use url
																var targetUrl = \'\';
																if (item.edit_url) {
																	targetUrl = item.edit_url;
																} else if (item.url) {
																	targetUrl = item.url;
																} else if (item.view_url) {
																	targetUrl = item.view_url;
																}
																
																// Open in new tab
																if (targetUrl) {
																	window.open(targetUrl, \'_blank\');
																}
															}
														}, [
															// Show image if available, otherwise show icon
															item.image_url ?
																createElement("div", {
																	className: "powerstack-palette-content-item-image"
																}, createElement("img", {
																	src: item.image_url,
																	alt: item.image_alt || item.title,
																	className: "powerstack-palette-content-item-img"
																})) :
																createElement("div", {
																	className: "powerstack-palette-content-item-icon"
																}, createElement("span", {className: "dashicons " + (item.icon || "dashicons-admin-generic")})),
															createElement("div", {
																className: "powerstack-palette-content-item-content"
															}, [
																createElement("div", {
																	className: "powerstack-palette-content-item-title"
																}, [
																	createElement("span", {dangerouslySetInnerHTML: {__html: item.title}}),
																	item.isInstant ? createElement("span", {className: "powerstack-instant-badge"}, "⚡") : null
																]),
																item.hierarchy ? createElement("div", {
																	className: "powerstack-palette-content-item-hierarchy",
																	dangerouslySetInnerHTML: {__html: item.hierarchy}
																}) : null,
																item.description ? createElement("div", {
																	className: "powerstack-palette-content-item-description",
																	dangerouslySetInnerHTML: {__html: item.description}
																}) : null
															]),
															// Add Quick Edit button for premium upsell
															createElement("button", {
																className: "inline-edit-trigger premium-locked",
																onClick: function(e) {
																	e.preventDefault();
																	e.stopPropagation();
																	console.log("Premium button clicked!");
																	
																	// Get the item type from the parent row
																	var itemRow = e.target.closest(\'.powerstack-palette-content-item\');
																	if (itemRow) {
																		var itemType = itemRow.getAttribute(\'data-type\');
																		console.log("Item type:", itemType);
																		
																		// Show upsell modal
																		showUpsellModal(itemType);
																	} else {
																		console.log("Could not find parent row");
																	}
																}
															}, [
																createElement("span", {className: "dashicons dashicons-lock"}),
																" Quick Edit"
															])
														]);
													}),
													// Show loading indicator below results when API is loading
													isLoading[0] && searchQuery[0] ? 
														createElement("div", {key: "loading", className: "powerstack-palette-loading"}, 
															createElement("div", {className: "powerstack-palette-spinner"}),
															"Searching more..."
														) : null
												] :
											// Show loading or no results based on search state
											isLoading[0] && searchQuery[0] ?
												// API is searching and no instant results found
												createElement("div", {className: "powerstack-palette-loading"}, 
													createElement("div", {className: "powerstack-palette-spinner"}),
													"Searching..."
												) :
											isLoading[0] && !searchQuery[0] ?
												// Initial loading state
												createElement("div", {className: "powerstack-palette-loading"}, 
													createElement("div", {className: "powerstack-palette-spinner"}),
													"Loading..."
												) :
											searchQuery[0] ?
												// Search completed with no results
												createElement("div", {className: "powerstack-palette-loading"}, "No results found") :
												// No search query yet
												null
										)
									])
								);
							};
							
							// Add upsell modal functionality
							function showUpsellModal(itemType) {
								var overlay = document.createElement(\'div\');
								overlay.className = \'search-upsell-overlay\';
								
								var modal = document.createElement(\'div\');
								modal.className = \'search-upsell-modal\';
								
								var title = document.createElement(\'div\');
								title.className = \'search-upsell-title\';
								title.textContent = \'🔒 Premium Feature\';
								
								var description = document.createElement(\'div\');
								description.className = \'search-upsell-description\';
								
								// Context-specific marketing copy
								switch(itemType) {
									case \'order\':
										description.textContent = \'With Premium, you can switch order statuses (e.g., Processing to Completed) and add internal order notes instantly without leaving this popup!\';
										break;
									case \'product\':
										description.textContent = \'With Premium, you can tweak product prices, update inventory stock levels, and edit short descriptions instantly!\';
										break;
									case \'attachment\':
									case \'media\':
										description.textContent = \'With Premium, you can swap out featured images and update media alt tags right here!\';
										break;
									default:
										description.textContent = \'With Premium, you can run instant inline updates to titles, categories, and post statuses without page reloads!\';
								}
								
								var actions = document.createElement(\'div\');
								actions.className = \'search-upsell-actions\';
								
								var upgradeBtn = document.createElement(\'a\');
								upgradeBtn.className = \'search-upsell-upgrade\';
								upgradeBtn.href = \'https://example.com/premium\'; // Change this URL later
								upgradeBtn.textContent = \'Upgrade to Premium\';
								upgradeBtn.target = \'_blank\';
								
								var laterBtn = document.createElement(\'button\');
								laterBtn.className = \'search-upsell-later\';
								laterBtn.textContent = \'Maybe Later\';
								laterBtn.onclick = function() {
									document.body.removeChild(overlay);
								};
								
								actions.appendChild(laterBtn);
								actions.appendChild(upgradeBtn);
								
								modal.appendChild(title);
								modal.appendChild(description);
								modal.appendChild(actions);
								overlay.appendChild(modal);
								
								// Close on overlay click
								overlay.onclick = function(e) {
									if (e.target === overlay) {
										document.body.removeChild(overlay);
									}
								};
								
								document.body.appendChild(overlay);
							}
							
							// Use modern React 18 createRoot API to avoid DOM errors
							var root = React.createRoot ? React.createRoot(mountPoint) : { render: function(element) { React.render(element, mountPoint); } };
							root.render(createElement(App));
							console.log("PowerStack: React interface mounted successfully!"); 
						} catch (error) {
							console.error("PowerStack: Error mounting React:", error); 
						}
					} else {
						console.error("PowerStack: WordPress React not available!"); 
					}
				} else {
					console.error("PowerStack: Mount point not found!"); 
				}
			}, 100);';
		
		wp_add_inline_script( 'powerstack-admin-search-script', $inline_script );
	}

	/**
	 * Get keyboard modifier based on platform
	 * @return string
	 */
	private function powerstack_get_keyboard_modifier() {
		$user_agent = isset( $_SERVER['HTTP_USER_AGENT'] ) ? sanitize_text_field( wp_unslash( $_SERVER['HTTP_USER_AGENT'] ) ) : '';
		
		// Check if it's a Mac
		if ( strpos( $user_agent, 'Mac' ) !== false ) {
			return 'cmd';
		}
		
		return 'ctrl';
	}

	/**
	 * Get menu items for localization
	 * @return array
	 */
	private function powerstack_get_menu_items() {
		$menu_parser = PowerStack_MenuParser::powerstack_get_instance();
		$menu_items = $menu_parser->powerstack_get_cached_menu_items();
		
		// Apply WooCommerce filter if available
		if ( $this->powerstack_is_woocommerce_active() ) {
			$menu_items = apply_filters( 'powerstack_admin_search_menu_items', $menu_items );
		}
		
		return $menu_items;
	}

	/**
	 * Enqueue compiled React script with proper WordPress dependencies
	 */
	private function powerstack_enqueue_compiled_script() {
		// Force load React build - no fallback to vanilla JS
		$build_dir = POWERSTACK_ADMIN_SEARCH_PATH . 'build';
		$asset_file = $build_dir . '/command-bar.asset.php';
		$script_file = $build_dir . '/command-bar.js';

		// Only proceed if build files exist
		if ( ! file_exists( $build_dir ) || ! file_exists( $asset_file ) || ! file_exists( $script_file ) ) {
			return;
		}

		// Include the asset file to get dependencies and version
		$assets = include $asset_file;
		$dependencies = $assets['dependencies'];
		$version = $assets['version'];

		
		// Enqueue the compiled script with proper dependencies
		wp_enqueue_script(
			'powerstack-admin-search-script',
			POWERSTACK_ADMIN_SEARCH_URL . 'build/command-bar.js',
			$dependencies, // Dynamic dependencies from wp-scripts
			$version,      // Version hash from wp-scripts
			true
		);
	}
}

// Initialize the plugin
PowerStack_AdminSearch::powerstack_get_instance();

// Initialize telemetry
require_once POWERSTACK_ADMIN_SEARCH_PATH . 'includes/class-powerstack-telemetry.php';
$telemetry = PowerStack_Telemetry::get_instance();
$telemetry->init();

// Register activation hook
register_activation_hook( __FILE__, array( $telemetry, 'track_activation' ) );

// Register deactivation hook
register_deactivation_hook( __FILE__, array( $telemetry, 'track_deactivation' ) );