Changeset 3464872

Timestamp:

02/19/2026 08:54:15 AM (5 weeks ago)

Author:

KingYes

Message:

Upload v1.1.0

Location:

angie/trunk

Files:

• angie.php (modified) (2 diffs)
• modules/angie-app/components/angie-app.php (modified) (4 diffs)
• modules/code-snippets/assets/css/dev-mode-border.css (deleted)
• modules/code-snippets/assets/css/list-table-toggle.css (modified) (2 diffs)
• modules/code-snippets/assets/js (deleted)
• modules/code-snippets/classes/assets-manager.php (modified) (1 diff)
• modules/code-snippets/classes/deployment-meta-box.php (modified) (3 diffs)
• modules/code-snippets/classes/dev-mode-admin-ui.php (modified) (4 diffs)
• modules/code-snippets/classes/dev-mode-manager.php (modified) (3 diffs)
• modules/code-snippets/classes/fatal-error-handler.php (modified) (4 diffs)
• modules/code-snippets/classes/file-system-handler.php (modified) (1 diff)
• modules/code-snippets/classes/files-meta-box.php (modified) (3 diffs)
• modules/code-snippets/classes/list-table-manager.php (modified) (9 diffs)
• modules/code-snippets/classes/rest-api-controller.php (modified) (14 diffs)
• modules/code-snippets/classes/snippet-repository.php (modified) (3 diffs)
• modules/code-snippets/classes/snippet-validator.php (modified) (4 diffs)
• modules/code-snippets/classes/widget-name-resolver.php (added)
• modules/code-snippets/module.php (modified) (3 diffs)
• modules/code-snippets/utils.php (added)
• modules/elementor-core/module.php (modified) (2 diffs)
• modules/sidebar/assets/sidebar.css (modified) (3 diffs)
• modules/sidebar/components/sidebar-html.php (modified) (1 diff)
• plugin.php (modified) (1 diff)
• readme.txt (modified) (2 diffs)

angie/trunk/angie.php

@@ -4 +4 @@
  * Description: Agentic AI for WordPress
  * Plugin URI: https://elementor.com/pages/angie-early-access
- * Version: 1.0.4
+ * Version: 1.1.0
  * Author: Elementor.com
  * Author URI: https://elementor.com/
@@ -21 +21 @@
 }
 
-define( 'ANGIE_VERSION', '1.0.4' );
+define( 'ANGIE_VERSION', '1.1.0' );
 define( 'ANGIE_PATH', plugin_dir_path( __FILE__ ) );
 define( 'ANGIE_URL', plugins_url( '/', __FILE__ ) );

angie/trunk/modules/angie-app/components/angie-app.php

@@ -5 +5 @@
 use Angie\Modules\ConsentManager\Module as ConsentManager;
 use Angie\Modules\ConsentManager\Components\Consent_Page;
-use Angie\Modules\CodeSnippets\Module as CodeSnippets;
 use Angie\Includes\Utils;
 
@@ -156 +155 @@
         wp_add_inline_script(
             'angie-app',
-            'window.angieConfig = ' . wp_json_encode( [
+            'window.angieConfig = ' . wp_json_encode( apply_filters( 'angie_config', [
                 'plugins' => $plugins,
                 'installedPlugins' => $installed_plugins,
@@ -165 +164 @@
                 'untrusted__wpUserRole' => $wp_user_role, // Used only for analytics - Never use for auth decisions
                 'siteKey' => $this->get_site_key(),
-                'codeSnippetsActive' => CodeSnippets::is_active(),
                 'isElementorOneConnected' => $this->is_elementor_one_connected(),
-            ] ),
+            ] ) ),
             'before'
         );
@@ -277 +275 @@
             <?php $this->render_app_styles(); ?>
 
-        <script>
-            (function() {
-                // Listen for messages from iframe about authentication status
-                window.addEventListener('message', function(event) {
-                    // Check if message is from iframe about user being already authenticated
-                    if (event.data && event.data.type === 'ANGIE_USER_ALREADY_AUTHENTICATED') {
-                        console.log('User already authenticated');
-                        // Open sidebar after a short delay
-                        setTimeout(() => {
-                            if (typeof window.toggleAngieSidebar === 'function') {
-                                window.toggleAngieSidebar(true);
-                            }
-                        }, 500);
-                    }
-                });
-
-                    <?php if ( $is_in_oauth_flow ) : ?>
-                    const isStarting = <?php echo json_encode( $is_oauth_starting ); ?>;
-                    const isReturning = <?php echo json_encode( $is_oauth_return ); ?>;
-
-                    function ensureSidebarClosed() {
-                        if (typeof window.toggleAngieSidebar === 'function') {
-                            window.toggleAngieSidebar(false, true);
-                        }
-                    }
-
-                    function isOAuthComplete() {
-                        const urlParams = new URLSearchParams(window.location.search);
-                        return !urlParams.has('oauth_code') && !urlParams.has('oauth_state') && !urlParams.has('start-oauth');
-                    }
-
-                    function updateUIAfterAuth() {
-                        const appStart = document.getElementById('angie-app-start');
-                        if (appStart) {
-                            // Remove loading state if it exists
-                            const loadingState = appStart.querySelector('.angie-loading-state');
-                            if (loadingState) {
-                                loadingState.remove();
-                            }
-                        }
-                    }
-
-                    function openSidebarAfterAuth() {
-                        try {
-                            localStorage.setItem('angie_sidebar_state', 'open');
-                        } catch (e) {}
-                        if (typeof window.toggleAngieSidebar === 'function') {
-                            setTimeout(() => window.toggleAngieSidebar(true), 500);
-                        }
-                    }
-
-                    function monitorAuthCompletion() {
-                        let authenticationSuccessful = false;
-                        const checkInterval = setInterval(function() {
-                            const sidebar = document.getElementById('angie-sidebar-container');
-                            if (sidebar?.querySelector('iframe') && isOAuthComplete()) {
-                                updateUIAfterAuth();
-                                clearInterval(checkInterval);
-                                authenticationSuccessful = true;
-                                openSidebarAfterAuth();
-                                window.location.reload(); // Reload to update MCPs
-                            }
-                        }, 500);
-
-                        setTimeout(function() {
-                            clearInterval(checkInterval);
-                            if (!authenticationSuccessful) {
-                                console.log('OAuth authentication timed out');
-                                ensureSidebarClosed();
-                            }
-                        }, 30000);
-                    }
-
-                    ensureSidebarClosed();
-
-                    if (isStarting && !isReturning) {
-                        console.log('OAuth flow starting, waiting for redirect...');
-                    } else if (isReturning) {
-                        monitorAuthCompletion();
-                    }
-                    <?php endif; ?>
-                })();
-            </script>
         <?php else : ?>
             <div class="wrap">

angie/trunk/modules/code-snippets/assets/css/list-table-toggle.css

@@ +1 @@
+.wrap .page-title-action {
+    display: none;
+}
+
+.angie-snippet-tooltip-trigger {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    cursor: help;
+}
+
+.angie-snippet-info-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    background-color: #72777c;
+    color: #fff;
+    font-size: 11px;
+    font-weight: 600;
+    font-style: italic;
+    line-height: 1;
+}
+
+.angie-snippet-tooltip-trigger:hover .angie-snippet-info-icon {
+    background-color: #2271b1;
+}
+
+.angie-snippet-tooltip-popover {
+    position: fixed;
+    z-index: 100000;
+    display: none;
+    max-width: 260px;
+    padding: 10px 12px;
+    background-color: #1d2327;
+    color: #f0f0f1;
+    font-size: 13px;
+    line-height: 1.4;
+    border-radius: 4px;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
+    pointer-events: none;
+}
+
+.angie-snippet-tooltip-popover::after {
+    content: "";
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    margin-left: -6px;
+    border: 6px solid transparent;
+    border-top-color: #1d2327;
+}
+
 .angie-snippet-toggle {
     position: relative;
@@ -72 +127 @@
     display: inline-flex;
     align-items: center;
-    gap: 8px;
+    gap: 6px;
+}
+
+.angie-env-synced {
+    color: #00a32a;
+}
+
+.angie-env-not-synced {
+    color: #dba617;
+}
+
+.angie-env-not-deployed,
+.angie-env-test-only {
+    color: #d63638;
 }
 

angie/trunk/modules/code-snippets/classes/assets-manager.php

@@ -12 +12 @@
     public static function init() {
         add_action( 'admin_enqueue_scripts', [ __CLASS__, 'enqueue_code_editor_assets' ] );
-        add_action( 'admin_enqueue_scripts', [ __CLASS__, 'enqueue_dev_mode_assets' ] );
-    }
-
-    public static function enqueue_dev_mode_assets() {
-        $screen = function_exists( 'get_current_screen' ) ? get_current_screen() : null;
-        if ( ! $screen || 'edit-' . Module::CPT_NAME !== $screen->id ) {
-            return;
-        }
-
-        if ( ! Module::current_user_can_manage_snippets() ) {
-            return;
-        }
-
-        $script_url = plugins_url( 'assets/js/dev-mode.js', dirname( __FILE__ ) );
-        wp_enqueue_script(
-            'angie-dev-mode',
-            $script_url,
-            [ 'jquery' ],
-            '1.0.0',
-            true
-        );
-
-        wp_localize_script(
-            'angie-dev-mode',
-            'angieDevMode',
-            [
-                'restUrl' => esc_url( rest_url( 'angie/v1/dev-mode' ) ),
-                'nonce'   => wp_create_nonce( 'wp_rest' ),
-            ]
-        );
     }
 

angie/trunk/modules/code-snippets/classes/deployment-meta-box.php

@@ -14 +14 @@
         add_action( 'save_post_' . Module::CPT_NAME, [ __CLASS__, 'save_deployment_meta' ], 5 );
         add_action( 'admin_post_angie_delete_environment', [ __CLASS__, 'handle_delete_environment' ] );
+        add_action( 'admin_enqueue_scripts', [ __CLASS__, 'enqueue_assets' ] );
+        add_action( 'post_submitbox_misc_actions', [ __CLASS__, 'render_publish_box_toggle' ] );
+        add_filter( 'angie_config', [ __CLASS__, 'add_config' ] );
+    }
+
+    public static function enqueue_assets( $hook ) {
+        if ( 'post.php' !== $hook && 'post-new.php' !== $hook ) {
+            return;
+        }
+
+        $screen = function_exists( 'get_current_screen' ) ? get_current_screen() : null;
+        if ( ! $screen || Module::CPT_NAME !== $screen->post_type ) {
+            return;
+        }
+
+        wp_enqueue_style(
+            'angie-list-table-toggle',
+            plugins_url( 'assets/css/list-table-toggle.css', dirname( __FILE__ ) ),
+            [],
+            ANGIE_VERSION
+        );
+
+        wp_add_inline_style(
+            'angie-list-table-toggle',
+            '#misc-publishing-actions .misc-pub-section:not(.angie-publish-toggle) { display: none !important; }'
+        );
+    }
+
+    public static function add_config( $config ) {
+        $screen = function_exists( 'get_current_screen' ) ? get_current_screen() : null;
+        if ( ! $screen || Module::CPT_NAME !== $screen->post_type ) {
+            return $config;
+        }
+
+        if ( 'post' !== $screen->base && 'post-new' !== $screen->base ) {
+            return $config;
+        }
+
+        $config['deploymentMetaBox'] = [
+            'ajaxUrl' => admin_url( 'admin-ajax.php' ),
+            'nonce'   => wp_create_nonce( 'angie_toggle_snippet_status' ),
+        ];
+
+        return $config;
+    }
+
+    public static function render_publish_box_toggle( $post ) {
+        if ( Module::CPT_NAME !== get_post_type( $post ) ) {
+            return;
+        }
+
+        $is_published = 'publish' === $post->post_status;
+        $checked      = $is_published ? 'checked' : '';
+
+        echo '<div class="misc-pub-section angie-publish-toggle" style="display: flex !important; align-items: center; gap: 8px; padding: 6px 10px;">';
+        echo '<strong>' . esc_html__( 'Status:', 'angie' ) . '</strong>';
+        printf(
+            '<label class="angie-snippet-toggle">
+                <input type="checkbox" class="angie-snippet-toggle-input" data-post-id="%d" %s />
+                <span class="angie-snippet-toggle-slider"></span>
+            </label>',
+            absint( $post->ID ),
+            esc_attr( $checked )
+        );
+        echo '<span class="angie-metabox-status-label">' . ( $is_published ? esc_html__( 'Active', 'angie' ) : esc_html__( 'Inactive', 'angie' ) ) . '</span>';
+        echo '</div>';
     }
 
@@ -33 +99 @@
         $dev_time = $timestamps['dev'];
         $prod_time = $timestamps['prod'];
-        $sync_status = $timestamps['status'];
         $delete_url_base = admin_url( 'admin-post.php' );
 
@@ -78 +143 @@
 
         echo '<p><strong>' . esc_html__( 'Sync Status:', 'angie' ) . '</strong><br>';
-        if ( Dev_Mode_Manager::SYNC_STATUS_NOT_DEPLOYED === $sync_status ) {
-           echo '<span style="color: #999;">' . esc_html__( 'Not Deployed', 'angie' ) . '</span>';
-        } elseif ( Dev_Mode_Manager::SYNC_STATUS_CHANGES_PENDING === $sync_status ) {
-           echo '<span style="color: #d63638;">' . esc_html__( 'Test & Live not synced', 'angie' ) . '</span>';
-        } elseif ( Dev_Mode_Manager::SYNC_STATUS_TEST_ONLY === $sync_status ) {
-           echo '<span style="color: #d63638;">' . esc_html__( 'Test Environment only', 'angie' ) . '</span>';
-        } else {
-           echo '<span style="color: #00a32a;">' . esc_html__( 'Live & Synced', 'angie' ) . '</span>';
-        }
+        List_Table_Manager::render_sync_status( $post->ID );
         echo '</p>';
 
         echo '<p>';
-        $button_text = ( $dev_time > 0 ) ? esc_html__( 'Push to Production', 'angie' ) : esc_html__( 'Publish to Dev', 'angie' );
-        submit_button( $button_text, 'primary', 'angie_push_to_production', false );
+        $deploy_action = ( $dev_time > 0 ) ? 'push-to-production' : 'publish-to-dev';
+        $button_text = ( $dev_time > 0 ) ? esc_html__( 'Push to Production', 'angie' ) : esc_html__( 'Push to Test', 'angie' );
+        submit_button( $button_text, 'primary', 'angie_push_to_production', false, [ 'data-action' => $deploy_action ] );
         echo '</p>';
         echo '</div>';

angie/trunk/modules/code-snippets/classes/dev-mode-admin-ui.php

@@ -12 +12 @@
     public static function init() {
         add_action( 'admin_notices', [ __CLASS__, 'render_dev_mode_notice' ] );
-        add_action( 'admin_footer', [ __CLASS__, 'render_dev_mode_exit_button' ] );
-
-        add_action( 'elementor/editor/after_enqueue_scripts', [ __CLASS__, 'enqueue_elementor_dev_mode_assets' ] );
-        add_action( 'elementor/editor/footer', [ __CLASS__, 'render_elementor_dev_mode_exit_button' ] );
+        add_filter( 'angie_config', [ __CLASS__, 'add_dev_mode_state_to_angie_config' ] );
     }
 
@@ -33 +30 @@
             echo '<div class="notice notice-warning is-dismissible">';
             echo '<p>';
-            echo '<strong>' . esc_html__( 'Dev Mode is Active', 'angie' ) . '</strong> - ' . esc_html__( 'Snippets are loading from the development environment.', 'angie' ) . ' ';
-            echo '<button type="button" class="button button-secondary" id="angie-disable-dev-mode">' . esc_html__( 'Disable Dev Mode', 'angie' ) . '</button>';
+            echo '<strong>' . esc_html__( 'Test Mode is Active', 'angie' ) . '</strong> - ' . esc_html__( 'Snippets are loading from the development environment.', 'angie' ) . ' ';
+            echo '<button type="button" class="button button-secondary" id="angie-disable-dev-mode">' . esc_html__( 'Disable Test Mode', 'angie' ) . '</button>';
             echo '</p>';
             echo '</div>';
@@ -41 +38 @@
             echo '<p>';
             echo esc_html__( 'Snippets are loading from production.', 'angie' ) . ' ';
-            echo '<button type="button" class="button button-primary" id="angie-enable-dev-mode">' . esc_html__( 'Enable Dev Mode', 'angie' ) . '</button>';
+            echo '<button type="button" class="button button-primary" id="angie-enable-dev-mode">' . esc_html__( 'Enable Test Mode', 'angie' ) . '</button>';
             echo '</p>';
             echo '</div>';
@@ -47 +44 @@
     }
 
-    public static function render_dev_mode_exit_button() {
-        if ( ! is_admin() ) {
-            return;
-        }
-
-        if ( ! Module::current_user_can_manage_snippets() ) {
-            return;
-        }
-
-        if ( ! Dev_Mode_Manager::is_dev_mode_enabled() ) {
-            return;
-        }
-
-        self::enqueue_dev_mode_border_assets();
-        self::render_angie_dev_mode_exit_button_html();
-    }
-
-    private static function enqueue_dev_mode_border_assets() {
-        wp_enqueue_style(
-            'angie-dev-mode-border',
-            plugins_url( 'assets/css/dev-mode-border.css', dirname( __FILE__ ) ),
-            [],
-            ANGIE_VERSION
-        );
-
-        wp_enqueue_script(
-            'angie-dev-mode-exit-button',
-            plugins_url( 'assets/js/dev-mode-exit-button.js', dirname( __FILE__ ) ),
-            [],
-            ANGIE_VERSION,
-            true
-        );
-
-        wp_localize_script(
-            'angie-dev-mode-exit-button',
-            'angieDevModeExit',
-            [
-                'restUrl' => esc_url( rest_url( 'angie/v1/dev-mode' ) ),
-                'nonce' => wp_create_nonce( 'wp_rest' ),
-                'buttonText' => esc_html__( 'Test mode', 'angie' ),
-                'exitingText' => esc_html__( 'Exiting...', 'angie' ),
-                'errorText' => esc_html__( 'An error occurred.', 'angie' ),
-                'requestFailedText' => esc_html__( 'Request failed.', 'angie' ),
-            ]
-        );
-    }
-
-    private static function render_angie_dev_mode_exit_button_html() {
-        ?>
-        <div id="angie-dev-mode-border-overlay"></div>
-        <div id="angie-dev-mode-button-wrapper">
-            <div id="angie-dev-mode-tooltip" class="angie-tooltip-hidden">
-                <p class="angie-tooltip-title"><?php echo esc_html__( 'Test mode lets you try things safely.', 'angie' ); ?></p>
-                <p><?php echo esc_html__( 'Changes you make here are saved as drafts and won\'t affect your live site until you publish them.', 'angie' ); ?></p>
-                <p><?php echo esc_html__( 'You can create, edit, and preview widgets freely, then publish when you\'re ready.', 'angie' ); ?></p>
-                <div class="angie-tooltip-arrow"></div>
-            </div>
-            <button type="button" id="angie-dev-mode-exit-button">
-                <span class="angie-exit-icon">✕</span>
-                <span><?php echo esc_html__( 'Test mode', 'angie' ); ?></span>
-                <span class="angie-info-icon">i</span>
-            </button>
-        </div>
-        <?php
-    }
-
-    public static function enqueue_elementor_dev_mode_assets() {
-        if ( ! Module::current_user_can_manage_snippets() ) {
-            return;
-        }
-
-        if ( ! Dev_Mode_Manager::is_dev_mode_enabled() ) {
-            return;
-        }
-
-        self::enqueue_dev_mode_border_assets();
-    }
-
-    public static function render_elementor_dev_mode_exit_button() {
-        if ( ! Module::current_user_can_manage_snippets() ) {
-            return;
-        }
-
-        if ( ! Dev_Mode_Manager::is_dev_mode_enabled() ) {
-            return;
-        }
-
-        self::render_angie_dev_mode_exit_button_html();
+    public static function add_dev_mode_state_to_angie_config( $angie_config ) {
+        $angie_config['isDevModeEnabled'] = Dev_Mode_Manager::is_dev_mode_enabled();
+        return $angie_config;
     }
 }

angie/trunk/modules/code-snippets/classes/dev-mode-manager.php

@@ -42 +42 @@
     }
 
-    public static function create_dev_mode_session() {
-        $user_id = get_current_user_id();
-        if ( ! $user_id ) {
-            return false;
-        }
-
-        $ip_address = self::get_client_ip();
-        if ( empty( $ip_address ) ) {
-            return false;
-        }
-
+    private static function set_dev_mode_cookie( $user_id, $ip_address ) {
         $token = self::generate_session_token( $user_id, $ip_address );
-        $expiry = time() + HOUR_IN_SECONDS;
+        $expiry = time() + YEAR_IN_SECONDS;
         $ip_hash = hash( 'sha256', $ip_address );
         $cookie_value = $token . '|' . $expiry . '|' . $user_id . '|' . $ip_hash;
@@ -67 +57 @@
             true
         );
+
+        return $expiry;
+    }
+
+    private static function extend_dev_mode_session( $user_id, $ip_address ) {
+        if ( headers_sent() ) {
+            return;
+        }
+
+        self::set_dev_mode_cookie( $user_id, $ip_address );
+    }
+
+    public static function create_dev_mode_session() {
+        $user_id = get_current_user_id();
+        if ( ! $user_id ) {
+            return false;
+        }
+
+        $ip_address = self::get_client_ip();
+        if ( empty( $ip_address ) ) {
+            return false;
+        }
+
+        $expiry = self::set_dev_mode_cookie( $user_id, $ip_address );
 
         return [
@@ -120 +134 @@
         }
 
+        self::extend_dev_mode_session( $user_id, $current_ip );
+
         return true;
     }

angie/trunk/modules/code-snippets/classes/fatal-error-handler.php

@@ -8 +8 @@
 class Fatal_Error_Handler {
 
-    const FATAL_ERROR_TYPES = [ E_ERROR, E_PARSE, E_CORE_ERROR, E_COMPILE_ERROR ];
+    private const ERROR_CODE_ADDITIONAL_MESSAGE = 'angie_additional_message';
 
     public static function init() {
@@ -15 +15 @@
         }
 
+        add_filter( 'wp_die_handler', function() {
+            return [ __CLASS__, 'handle_wp_die' ];
+        }, 9999 );
+    }
+
+    private static function get_additional_error_message( $message ): string {
+
+        $error_message = self::format_error_message( $message );
+        $exit_url = self::get_exit_test_mode_url();
+        $snippet_id = self::extract_snippet_id( $error_message );
+        $prompt = $snippet_id
+            ? 'Please fix the error in snippet ID ' . $snippet_id . ' - Use the snippet slug: ' . $error_message
+            : 'Please fix this error: ' . $error_message;
+        $fix_with_angie_url = $exit_url . '#angie-prompt=' . rawurlencode( $prompt );
+
         ob_start();
-        register_shutdown_function( [ __CLASS__, 'handle_shutdown' ] );
+        ?>
+        <style>
+            body#error-page {
+                border: none !important;
+                max-width: none !important;
+                margin: 0 !important;
+                padding: 0 !important;
+                font-size: 0 !important;
+                height: 100vh !important;
+                display: flex !important;
+                justify-content: center !important;
+                align-items: center !important;
+            }
+            body#error-page .wp-die-message ul {
+                margin: 0 !important;
+                padding: 0 !important;
+            }
+            body#error-page .wp-die-message ul > li {
+                display: none !important;
+            }
+            body#error-page .wp-die-message ul > li:first-child {
+                display: block !important;
+            }
+
+            .angie-fatal-notice {
+                width: 550px;
+                max-width: 90vw;
+                padding: 24px;
+                border-radius: 16px;
+                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+                color: #1d2327;
+                border: 1px solid #e0e0e0;
+            }
+            .angie-fatal-notice h2 {
+                font-size: 20px;
+                margin: 0 0 12px 0;
+            }
+            #error-page .angie-fatal-notice p {
+                font-size: 16px;
+                color: #50575e;
+                margin: 0 0 4px 0;
+            }
+            .angie-fatal-notice .angie-help-link {
+                display: inline-block;
+                font-size: 16px;
+                color: #2271b1;
+                margin-top: 12px;
+                margin-bottom: 24px;
+            }
+            .angie-fatal-notice .angie-help-link:hover {
+                color: #135e96;
+            }
+            .angie-fatal-buttons {
+                display: flex;
+                justify-content: flex-end;
+                align-items: center;
+                gap: 16px;
+            }
+            .angie-btn {
+                display: inline-block;
+                padding: 8px 16px;
+                font-size: 14px;
+                font-weight: 500;
+                text-decoration: none;
+                border-radius: 10px;
+                cursor: pointer;
+                text-align: center;
+                background: transparent;
+                color: #1d2327;
+                border: none;
+                transition: all 0.2s ease;
+            }
+            .angie-btn:hover {
+                background: #f0f0f1;
+            }
+            .angie-fix-with-angie-btn {
+                background: #1d2327;
+                color: #fff;
+                border: 1px solid #1d2327;
+            }
+            .angie-fix-with-angie-btn:hover {
+                background: #3a3f44;
+                color: #fff;
+                border-color: #3a3f44;
+            }
+        </style>
+        <div class="angie-fatal-notice">
+            <h2><?php echo esc_html__( 'Something went wrong while working on your site', 'angie' ); ?></h2>
+            <p><?php echo esc_html__( 'A change made by Angie caused an error in this preview.', 'angie' ); ?></p>
+            <p><?php echo esc_html__( "Your live site is not affected - you're viewing changes in Test Mode.", 'angie' ); ?></p>
+            <a href="https://wordpress.org/documentation/article/faq-troubleshooting/" target="_blank" rel="noopener noreferrer" class="angie-help-link">
+                <?php echo esc_html__( 'Learn how to troubleshoot WordPress errors', 'angie' ); ?>
+            </a>
+            <div class="angie-fatal-buttons">
+                <a href="<?php echo esc_url( $exit_url ); ?>" class="angie-btn">
+                    <?php echo esc_html__( 'Exit Test Mode', 'angie' ); ?>
+                </a>
+                <a href="<?php echo esc_url( $fix_with_angie_url ); ?>" class="angie-btn angie-fix-with-angie-btn">
+                    <?php echo esc_html__( 'Fix with Angie', 'angie' ); ?>
+                </a>
+            </div>
+        </div>
+        <?php
+        return ob_get_clean();
+    }
+
+    public static function handle_wp_die( $message, $title = '', $args = [] ): void {
+        $additional_message = static::get_additional_error_message( $message );
+
+        $message = is_wp_error( $message )
+            ? self::merge_wp_errors( $message, $additional_message )
+            : $additional_message . $message;
+
+        _default_wp_die_handler( $message, $title, $args );
+    }
+
+    private static function merge_wp_errors( \WP_Error $original, string $additional_message ): \WP_Error {
+        $new_error = new \WP_Error( self::ERROR_CODE_ADDITIONAL_MESSAGE, $additional_message );
+
+        foreach ( $original->get_error_codes() as $code ) {
+            foreach ( $original->get_error_messages( $code ) as $error_message ) {
+                $new_error->add( $code, $error_message );
+            }
+
+            $error_data = $original->get_error_data( $code );
+
+            if ( $error_data ) {
+                $new_error->add_data( $error_data, $code );
+            }
+        }
+
+        return $new_error;
     }
 
@@ -37 +183 @@
 
         return Dev_Mode_Manager::is_dev_mode_enabled();
-    }
-
-    public static function handle_shutdown(): void {
-        $error = error_get_last();
-
-        if ( ! $error || ! in_array( $error['type'], self::FATAL_ERROR_TYPES, true ) ) {
-            return;
-        }
-
-        if ( ! Dev_Mode_Manager::is_dev_mode_enabled() ) {
-            return;
-        }
-
-        while ( ob_get_level() > 0 ) {
-            ob_end_clean();
-        }
-
-        self::render_fallback_notice();
-    }
-
-    private static function render_fallback_notice(): void {
-        $exit_url = self::get_exit_test_mode_url();
-        ?>
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title><?php echo esc_html__( 'Error in Test Mode', 'angie' ); ?></title>
-    <style>
-        .angie-fatal-notice {
-            background: #fff;
-            border-left: 4px solid #ED01EE;
-            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-            max-width: 600px;
-            padding: 14px 24px;
-            border-radius: 4px;
-            display: block;
-        }
-        .angie-fatal-notice h2 {
-            display: block;
-            font-size: 18px;
-            font-weight: 600;
-            color: #1d2327;
-            margin-bottom: 12px;
-        }
-        .angie-fatal-notice p {
-            display: block;
-            font-size: 14px;
-            line-height: 1.6;
-            color: #50575e;
-            margin-bottom: 20px;
-        }
-        .angie-fatal-buttons {
-            display: block;
-        }
-        .angie-btn {
-            display: inline-block;
-            padding: 10px 20px;
-            font-size: 14px;
-            font-weight: 500;
-            text-decoration: none;
-            border-radius: 4px;
-            cursor: pointer;
-            text-align: center;
-            background: #f0f0f1;
-            color: #1d2327;
-            border: 1px solid #c3c4c7;
-        }
-    </style>
-</head>
-<body>
-    <div class="angie-fatal-notice">
-        <h2><?php echo esc_html__( 'Something went wrong', 'angie' ); ?></h2>
-        <p><?php echo esc_html__( "Don't worry, the website's visitors won't see this because you are previewing unpublished changes in test mode.", 'angie' ); ?></p>
-        <div class="angie-fatal-buttons">
-            <a href="<?php echo esc_url( $exit_url ); ?>" class="angie-btn">
-                <?php echo esc_html__( 'Exit test mode', 'angie' ); ?>
-            </a>
-        </div>
-    </div>
-</body>
-</html>
-        <?php
-        exit;
     }
 
@@ -128 +189 @@
         return add_query_arg( 'angie-exit-test-mode', '1', $current_url );
     }
+
+    private static function extract_snippet_id( string $error_message ): ?string {
+        if ( preg_match( '/snippet-(\d+)/', $error_message, $matches ) ) {
+            return $matches[1];
+        }
+        return null;
+    }
+
+    private static function format_error_message( $message ): string {
+
+        if ( is_wp_error( $message ) ) {
+            if( isset( $message->error_data['internal_server_error']['error']['message'] ) ) {
+                return $message->error_data['internal_server_error']['error']['message'];
+            }
+            return $message->get_error_message();
+        }
+
+        if ( is_string( $message ) ) {
+            return $message;
+        }
+
+        return wp_json_encode( $message ) ?? '';
+    }
 }

angie/trunk/modules/code-snippets/classes/file-system-handler.php

@@ -64 +64 @@
             $file_path = $base_dir . '/' . $filename;
             $wp_filesystem->put_contents( $file_path, $content, FS_CHMOD_FILE );
+
+            self::maybe_invalidate_opcache( $file_path );
         }
+    }
+
+    private static function maybe_invalidate_opcache( $filepath ) {
+        if ( ! function_exists( 'wp_opcache_invalidate' ) ) {
+            return;
+        }
+
+        wp_opcache_invalidate( $filepath, true );
     }
 

angie/trunk/modules/code-snippets/classes/files-meta-box.php

@@ -34 +34 @@
 
         wp_nonce_field( 'angie_snippet_files_save', 'angie_snippet_files_nonce' );
-
-        self::enqueue_files_meta_box_script();
 
         echo '<div id="angie-snippet-files">';
@@ -78 +76 @@
     }
 
-    private static function enqueue_files_meta_box_script() {
-        $script_url = plugins_url( 'assets/js/files-meta-box.js', dirname( __FILE__ ) );
-        wp_enqueue_script(
-            'angie-files-meta-box',
-            $script_url,
-            [ 'code-editor' ],
-            '1.0.0',
-            true
-        );
-
-        wp_localize_script(
-            'angie-files-meta-box',
-            'angieFilesMetaBox',
-            [
-                'placeholders' => [
-                    'name'    => esc_attr__( 'e.g. main.php', 'angie' ),
-                    'content' => esc_attr__( 'File content…', 'angie' ),
-                ],
-                'labels'       => [
-                    'remove' => esc_html__( 'Remove', 'angie' ),
-                ],
-            ]
-        );
-    }
-
     public static function save_files_meta( $post_id ) {
         if ( ! isset( $_POST['angie_snippet_files_nonce'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification.Missing
@@ -131 +104 @@
 
         foreach ( $raw_files as $file ) {
-            $name = isset( $file['name'] ) ? sanitize_text_field( wp_unslash( $file['name'] ) ) : '';
-            // phpcs:ignore WordPress.Security.ValidatedSanitizedInput.InputNotSanitized -- Unslashing to remove WP magic quotes; base64 encoded immediately.
-            $content_clean = isset( $file['content'] ) ? wp_unslash( $file['content'] ) : '';
+            $name = isset( $file['name'] ) ? sanitize_text_field( $file['name'] ) : '';
+            // phpcs:ignore WordPress.Security.ValidatedSanitizedInput.InputNotSanitized -- Already unslashed via $raw_files; base64 encoded immediately.
+            $content_clean = isset( $file['content'] ) ? $file['content'] : '';
 
             if ( '' === trim( $name ) && '' === trim( $content_clean ) ) {

angie/trunk/modules/code-snippets/classes/list-table-manager.php

@@ -14 +14 @@
         add_action( 'manage_' . Module::CPT_NAME . '_posts_custom_column', [ __CLASS__, 'render_custom_columns' ], 10, 2 );
         add_action( 'admin_enqueue_scripts', [ __CLASS__, 'enqueue_assets' ] );
+        add_filter( 'angie_config', [ __CLASS__, 'add_config' ] );
         add_action( 'wp_ajax_angie_toggle_snippet_status', [ __CLASS__, 'ajax_toggle_status' ] );
         add_action( 'wp_ajax_angie_push_to_production', [ __CLASS__, 'ajax_push_to_production' ] );
+        add_filter( 'post_row_actions', [ __CLASS__, 'remove_quick_edit' ], 10, 2 );
+    }
+
+    public static function remove_quick_edit( $actions, $post ) {
+        if ( Module::CPT_NAME === $post->post_type ) {
+            unset( $actions['inline hide-if-no-js'] );
+        }
+
+        return $actions;
     }
 
@@ -26 +36 @@
             'files' => esc_html__( 'Files', 'angie' ),
             'actions' => esc_html__( 'Actions', 'angie' ),
-            'date' => $columns['date'],
+            'last_modified' => esc_html__( 'Last Modified', 'angie' ),
         ];
 
@@ -53 +63 @@
         } elseif ( 'actions' === $column ) {
             self::render_actions_column( $post_id );
+        } elseif ( 'last_modified' === $column ) {
+            self::render_last_modified_column( $post_id );
         }
     }
@@ -75 +87 @@
     }
 
+    private static function render_last_modified_column( $post_id ) {
+        $post = get_post( $post_id );
+        if ( ! $post ) {
+            return;
+        }
+
+        if ( '0000-00-00 00:00:00' === $post->post_modified ) {
+            $t_time = esc_html__( 'Unpublished', 'angie' );
+        } else {
+            $t_time = sprintf(
+                /* translators: 1: Post date, 2: Post time. */
+                esc_html__( '%1$s at %2$s', 'angie' ),
+                /* translators: Post date format. See https://www.php.net/manual/datetime.format.php */
+                get_the_modified_time( esc_html__( 'Y/m/d', 'angie' ), $post ),
+                /* translators: Post time format. See https://www.php.net/manual/datetime.format.php */
+                get_the_modified_time( esc_html__( 'g:i a', 'angie' ), $post )
+            );
+        }
+
+        echo esc_html( $t_time );
+    }
+
     private static function render_files_column( $post_id ) {
         $files = get_post_meta( $post_id, '_angie_snippet_files', true );
@@ -85 +119 @@
 
     private static function render_environment_column( $post_id ) {
+        self::render_sync_status( $post_id );
+    }
+
+    public static function render_sync_status( $post_id ) {
         $timestamps = Dev_Mode_Manager::get_snippet_environment_timestamps( $post_id );
         $sync_status = $timestamps['status'];
 
         if ( Dev_Mode_Manager::SYNC_STATUS_NOT_DEPLOYED === $sync_status ) {
-           echo '<span class="angie-env-status angie-env-not-deployed">';
-           echo '<span class="angie-env-badge angie-env-badge-gray"></span>';
-           echo esc_html__( 'Not Deployed', 'angie' );
-           echo '</span>';
+            $tooltip = esc_attr__( 'Snippet has not been deployed to test or live yet', 'angie' );
+            echo '<span class="angie-env-status angie-env-not-deployed">';
+            echo '<span class="angie-env-badge angie-env-badge-test"></span>';
+            echo esc_html__( 'Not Deployed', 'angie' );
+            self::render_tooltip_icon( $tooltip );
+            echo '</span>';
         } elseif ( Dev_Mode_Manager::SYNC_STATUS_CHANGES_PENDING === $sync_status ) {
-           echo '<span class="angie-env-status angie-env-not-synced">';
-           echo '<span class="angie-env-badge angie-env-badge-warning"></span>';
-           echo esc_html__( 'Test & Live not synced', 'angie' );
-           echo '</span>';
+            $tooltip = esc_attr__( 'Snippet is live but has unpublished changes in test', 'angie' );
+            echo '<span class="angie-env-status angie-env-not-synced">';
+            echo '<span class="angie-env-badge angie-env-badge-warning"></span>';
+            echo esc_html__( 'Live (out of sync)', 'angie' );
+            self::render_tooltip_icon( $tooltip );
+            echo '</span>';
         } elseif ( Dev_Mode_Manager::SYNC_STATUS_TEST_ONLY === $sync_status ) {
-           echo '<span class="angie-env-status angie-env-test-only">';
-           echo '<span class="angie-env-badge angie-env-badge-test"></span>';
-           echo esc_html__( 'Test Environment only', 'angie' );
-           echo '</span>';
+            $tooltip = esc_attr__( 'Snippet is only deployed to sandbox/test, not to live', 'angie' );
+            echo '<span class="angie-env-status angie-env-test-only">';
+            echo '<span class="angie-env-badge angie-env-badge-test"></span>';
+            echo esc_html__( 'Sandbox only', 'angie' );
+            self::render_tooltip_icon( $tooltip );
+            echo '</span>';
         } else {
-           echo '<span class="angie-env-status angie-env-synced">';
-           echo '<span class="angie-env-badge angie-env-badge-success"></span>';
-           echo esc_html__( 'Live & Synced', 'angie' );
-           echo '</span>';
-        }
+            $tooltip = esc_attr__( 'Snippet is deployed to live and matches the latest version', 'angie' );
+            echo '<span class="angie-env-status angie-env-synced">';
+            echo '<span class="angie-env-badge angie-env-badge-success"></span>';
+            echo esc_html__( 'Live (synced)', 'angie' );
+            self::render_tooltip_icon( $tooltip );
+            echo '</span>';
+        }
+    }
+
+    private static function render_tooltip_icon( $tooltip_text ) {
+        printf(
+            '<span class="angie-snippet-tooltip-trigger" data-tooltip="%s" aria-label="%s">',
+            esc_attr( $tooltip_text ),
+            esc_attr( $tooltip_text )
+        );
+        echo '<span class="angie-snippet-info-icon">i</span>';
+        echo '</span>';
     }
 
@@ -124 +180 @@
         }
 
+        $post = get_post( $post_id );
+        $snippet_slug = $post ? $post->post_name : '';
+
         $disabled_attr = $is_disabled ? ' disabled' : '';
-        $button_text = ( $dev_time > 0 ) ? esc_html__( 'Publish to Live', 'angie' ) : esc_html__( 'Publish to Dev', 'angie' );
+        $deploy_action = ( $dev_time > 0 ) ? 'push-to-production' : 'publish-to-dev';
+        $button_text = ( $dev_time > 0 ) ? esc_html__( 'Push to Live', 'angie' ) : esc_html__( 'Push to Test', 'angie' );
 
         printf(
-            '<button type="button" class="button angie-push-to-production" data-post-id="%d"%s>%s</button>',
+            '<button type="button" class="button angie-push-to-production" data-post-id="%d" data-snippet-slug="%s" data-action="%s"%s>%s</button>',
             absint( $post_id ),
+            esc_attr( $snippet_slug ),
+            esc_attr( $deploy_action ),
             esc_attr( $disabled_attr ),
             esc_html( $button_text )
@@ -144 +206 @@
             return;
         }
-
-        $script_url = plugins_url( 'assets/js/list-table-toggle.js', dirname( __FILE__ ) );
-        wp_enqueue_script(
-            'angie-list-table-toggle',
-            $script_url,
-            [],
-            ANGIE_VERSION,
-            true
-        );
-
-        wp_localize_script(
-            'angie-list-table-toggle',
-            'angieListTableToggle', [
-                'ajaxUrl' => admin_url( 'admin-ajax.php' ),
-                'nonce' => wp_create_nonce( 'angie_toggle_snippet_status' ),
-                'pushToProductionNonce' => wp_create_nonce( 'angie_push_to_production' ),
-                'i18n' => [
-                    'publishToDevButton' => esc_html__( 'Publish to Dev', 'angie' ),
-                    'confirmPublishToDev' => esc_html__( 'Are you sure you want to publish this snippet to dev?', 'angie' ),
-                    'confirmPushToProduction' => esc_html__( 'Are you sure you want to push this snippet to production?', 'angie' ),
-                    'pushing' => esc_html__( 'Pushing...', 'angie' ),
-                    'failedToUpdateStatus' => esc_html__( 'Failed to update status', 'angie' ),
-                    'errorOccurred' => esc_html__( 'An error occurred. Please try again.', 'angie' ),
-                    'successPushedToProduction' => esc_html__( 'Successfully pushed to production', 'angie' ),
-                    'failedToPushToProduction' => esc_html__( 'Failed to push to production', 'angie' ),
-                ],
-            ]
-        );
 
         $style_url = plugins_url( 'assets/css/list-table-toggle.css', dirname( __FILE__ ) );
@@ -182 +216 @@
     }
 
+    public static function add_config( $config ) {
+        $screen = function_exists( 'get_current_screen' ) ? get_current_screen() : null;
+        if ( ! $screen || 'edit-' . Module::CPT_NAME !== $screen->id ) {
+            return $config;
+        }
+
+        if ( ! Module::current_user_can_manage_snippets() ) {
+            return $config;
+        }
+
+        $config['listTable'] = [
+            'ajaxUrl'               => admin_url( 'admin-ajax.php' ),
+            'nonce'                 => wp_create_nonce( 'angie_toggle_snippet_status' ),
+            'pushToProductionNonce' => wp_create_nonce( 'angie_push_to_production' ),
+        ];
+
+        return $config;
+    }
+
     public static function ajax_toggle_status() {
         check_ajax_referer( 'angie_toggle_snippet_status', 'nonce' );
@@ -246 +299 @@
         } else {
             $success = Dev_Mode_Manager::push_snippet_to_dev( $post_id );
-            $success_message = esc_html__( 'Successfully published to dev', 'angie' );
+            $success_message = esc_html__( 'Successfully published to test', 'angie' );
         }
 

angie/trunk/modules/code-snippets/classes/rest-api-controller.php

@@ -20 +20 @@
             [
                 [
-                    'methods'             => \WP_REST_Server::READABLE,
-                    'callback'            => [ $this, 'list_snippets' ],
-                    'permission_callback' => [ $this, 'check_permission' ],
+                    'methods' => \WP_REST_Server::READABLE,
+                    'callback' => [ $this, 'list_snippets' ],
+                    'permission_callback' => [ $this, 'check_permission' ],
+                    'args'                => [
+                        'type' => [
+                            'required'          => false,
+                            'type'              => 'string',
+                            'sanitize_callback' => 'sanitize_text_field',
+                        ],
+                        'deployment_status' => [
+                            'required'          => false,
+                            'type'              => 'string',
+                            'sanitize_callback' => 'sanitize_text_field',
+                        ],
+                    ],
                 ],
             ]
@@ -32 +44 @@
             [
                 [
-                    'methods'             => \WP_REST_Server::READABLE,
-                    'callback'            => [ $this, 'get_snippet' ],
-                    'permission_callback' => [ $this, 'check_permission' ],
-                    'args'                => [
+                    'methods' => \WP_REST_Server::READABLE,
+                    'callback' => [ $this, 'get_snippet' ],
+                    'permission_callback' => [ $this, 'check_permission' ],
+                    'args' => [
                         'slug' => [
-                            'required'          => true,
-                            'type'              => 'string',
-                            'sanitize_callback' => 'sanitize_text_field',
-                        ],
-                    ],
-                ],
-                [
-                    'methods'             => \WP_REST_Server::DELETABLE,
-                    'callback'            => [ $this, 'delete_snippet' ],
-                    'permission_callback' => [ $this, 'check_permission' ],
-                    'args'                => [
+                            'required' => true,
+                            'type' => 'string',
+                            'sanitize_callback' => 'sanitize_text_field',
+                        ],
+                    ],
+                ],
+                [
+                    'methods' => \WP_REST_Server::DELETABLE,
+                    'callback' => [ $this, 'delete_snippet' ],
+                    'permission_callback' => [ $this, 'check_permission' ],
+                    'args' => [
                         'slug' => [
-                            'required'          => true,
-                            'type'              => 'string',
+                            'required' => true,
+                            'type' => 'string',
                             'sanitize_callback' => 'sanitize_text_field',
                         ],
@@ -63 +75 @@
             [
                 [
-                    'methods'             => \WP_REST_Server::READABLE,
-                    'callback'            => [ $this, 'list_snippet_files' ],
-                    'permission_callback' => [ $this, 'check_permission' ],
-                    'args'                => [
+                    'methods' => \WP_REST_Server::READABLE,
+                    'callback' => [ $this, 'list_snippet_files' ],
+                    'permission_callback' => [ $this, 'check_permission' ],
+                    'args' => [
                         'slug' => [
-                            'required'          => true,
-                            'type'              => 'string',
-                            'sanitize_callback' => 'sanitize_text_field',
-                        ],
-                    ],
-                ],
-                [
-                    'methods'             => \WP_REST_Server::CREATABLE,
-                    'callback'            => [ $this, 'upsert_snippet_files' ],
-                    'permission_callback' => [ $this, 'check_permission' ],
-                    'args'                => [
-                        'slug'      => [
-                            'required'          => true,
-                            'type'              => 'string',
-                            'sanitize_callback' => 'sanitize_text_field',
-                        ],
-                        'files'     => [
-                            'required' => true,
-                            'type'     => 'array',
+                            'required' => true,
+                            'type' => 'string',
+                            'sanitize_callback' => 'sanitize_text_field',
+                        ],
+                    ],
+                ],
+                [
+                    'methods' => \WP_REST_Server::CREATABLE,
+                    'callback' => [ $this, 'upsert_snippet_files' ],
+                    'permission_callback' => [ $this, 'check_permission' ],
+                    'args' => [
+                        'slug' => [
+                            'required' => true,
+                            'type' => 'string',
+                            'sanitize_callback' => 'sanitize_text_field',
+                        ],
+                        'files' => [
+                            'required' => true,
+                            'type' => 'array',
                         ],
                         'overwrite' => [
                             'required' => false,
-                            'type'     => 'boolean',
-                            'default'  => false,
-                        ],
-                        'type'      => [
-                            'required'          => false,
-                            'type'              => 'string',
+                            'type' => 'boolean',
+                            'default' => false,
+                        ],
+                        'type' => [
+                            'required' => false,
+                            'type' => 'string',
                             'sanitize_callback' => 'sanitize_text_field',
                         ],
@@ -108 +120 @@
             [
                 [
-                    'methods'             => \WP_REST_Server::READABLE,
-                    'callback'            => [ $this, 'get_snippet_file' ],
-                    'permission_callback' => [ $this, 'check_permission' ],
-                    'args'                => [
-                        'slug'     => [
-                            'required'          => true,
-                            'type'              => 'string',
+                    'methods' => \WP_REST_Server::READABLE,
+                    'callback' => [ $this, 'get_snippet_file' ],
+                    'permission_callback' => [ $this, 'check_permission' ],
+                    'args' => [
+                        'slug' => [
+                            'required' => true,
+                            'type' => 'string',
                             'sanitize_callback' => 'sanitize_text_field',
                         ],
                         'filename' => [
-                            'required'          => true,
-                            'type'              => 'string',
+                            'required' => true,
+                            'type' => 'string',
                             'sanitize_callback' => 'sanitize_text_field',
                         ],
@@ -132 +144 @@
             [
                 [
-                    'methods'             => \WP_REST_Server::CREATABLE,
-                    'callback'            => [ $this, 'set_dev_mode' ],
-                    'permission_callback' => [ $this, 'check_permission' ],
-                    'args'                => [
+                    'methods' => \WP_REST_Server::CREATABLE,
+                    'callback' => [ $this, 'set_dev_mode' ],
+                    'permission_callback' => [ $this, 'check_permission' ],
+                    'args' => [
                         'enabled' => [
-                            'required'          => true,
-                            'type'              => 'boolean',
+                            'required' => true,
+                            'type' => 'boolean',
                             'sanitize_callback' => 'rest_sanitize_boolean',
                         ],
@@ -151 +163 @@
         [
             [
-                'methods'             => \WP_REST_Server::CREATABLE,
-                'callback'            => [ $this, 'publish_snippet' ],
+                'methods' => \WP_REST_Server::CREATABLE,
+                'callback' => [ $this, 'publish_snippet' ],
                 'permission_callback' => [ $this, 'check_permission' ],
-                'args'                => [
+                'args' => [
                     'slug' => [
-                        'required'          => true,
-                        'type'              => 'string',
+                        'required' => true,
+                        'type' => 'string',
                         'sanitize_callback' => 'sanitize_text_field',
                     ],
@@ -170 +182 @@
             [
                 [
-                    'methods'             => \WP_REST_Server::CREATABLE,
-                    'callback'            => [ $this, 'validate_snippet' ],
-                    'permission_callback' => [ $this, 'check_permission' ],
-                    'args'                => [
+                    'methods' => \WP_REST_Server::CREATABLE,
+                    'callback' => [ $this, 'validate_snippet' ],
+                    'permission_callback' => [ $this, 'check_permission' ],
+                    'args' => [
                         'files' => [
                             'required' => true,
-                            'type'     => 'array',
+                            'type' => 'array',
                         ],
                     ],
@@ -187 +199 @@
             [
                 [
-                    'methods'             => \WP_REST_Server::READABLE,
-                    'callback'            => [ $this, 'is_dev_mode' ],
+                    'methods' => \WP_REST_Server::READABLE,
+                    'callback' => [ $this, 'is_dev_mode' ],
                     'permission_callback' => [ $this, 'check_permission' ],
                 ],
@@ -200 +212 @@
 
     public function list_snippets( $request ) {
-        $posts = Snippet_Repository::get_all_snippets();
+        $type = $request->get_param( 'type' );
+        $deployment_status_param = $request->get_param( 'deployment_status' );
+        $deployment_statuses = $deployment_status_param ? array_map( 'trim', explode( ',', $deployment_status_param ) ) : [];
+
+        $posts = Snippet_Repository::get_all_snippets( $type );
 
         $snippets = [];
         foreach ( $posts as $post ) {
-            $snippets[] = Snippet_Repository::get_snippet_data( $post );
+            $snippet_data = Snippet_Repository::get_snippet_data( $post );
+
+            if ( ! empty( $deployment_statuses ) && ! in_array( $snippet_data['deploymentStatus'], $deployment_statuses, true ) ) {
+                continue;
+            }
+
+            $snippets[] = $snippet_data;
         }
 
@@ -249 +271 @@
 
     public function get_snippet_file( $request ) {
-        $slug     = $request->get_param( 'slug' );
+        $slug = $request->get_param( 'slug' );
         $filename = $request->get_param( 'filename' );
-        $post     = Snippet_Repository::find_snippet_post_by_slug( $slug );
+        $post = Snippet_Repository::find_snippet_post_by_slug( $slug );
 
         if ( ! $post ) {
@@ -278 +300 @@
 
         return rest_ensure_response( [
-            'name'    => $file['name'],
+            'name' => $file['name'],
             'content' => $content,
-            'size'    => strlen( $content ),
+            'size' => strlen( $content ),
         ] );
     }
 
     public function upsert_snippet_files( $request ) {
-        $slug      = $request->get_param( 'slug' );
-        $files     = $request->get_param( 'files' );
+        $slug = $request->get_param( 'slug' );
+        $files = $request->get_param( 'files' );
         $overwrite = $request->get_param( 'overwrite' );
-        $type      = $request->get_param( 'type' );
+        $type = $request->get_param( 'type' );
 
         if ( ! is_array( $files ) || empty( $files ) ) {
@@ -417 +439 @@
             return rest_ensure_response( [
                 'success' => true,
+                'created' => true,
                 'message' => esc_html__( 'Snippet created successfully.', 'angie' ),
-                'slug'    => $slug,
-                'files'   => count( $sanitized_files ),
+                'slug' => $slug,
+                'post_id' => $post_id,
+                'files' => count( $sanitized_files ),
             ] );
         }
@@ -452 +476 @@
         return rest_ensure_response( [
             'success' => true,
+            'created' => false,
             'message' => esc_html__( 'Snippet files updated successfully.', 'angie' ),
-            'slug'    => $slug,
-            'files'   => count( $merged_files ),
+            'slug' => $slug,
+            'post_id' => $post->ID,
+            'files' => count( $merged_files ),
         ] );
     }
@@ -470 +496 @@
         }
 
-    $environments = [ Dev_Mode_Manager::ENV_DEV, Dev_Mode_Manager::ENV_PROD ];
-    File_System_Handler::delete_snippet_files( $post->ID, $environments );
-
-    $result = Snippet_Repository::delete_snippet( $post->ID );
-
-    if ( ! $result ) {
-        return new \WP_Error(
-            'delete_failed',
-            esc_html__( 'Failed to delete snippet.', 'angie' ),
-            [ 'status' => 500 ]
-        );
-    }
-
-    Cache_Manager::clear_published_snippet_cache();
-
-    return rest_ensure_response( [
-        'success' => true,
-        'message' => esc_html__( 'Snippet deleted successfully.', 'angie' ),
-        'slug'    => $slug,
-    ] );
-  }
-
-    public function set_dev_mode( $request ) {
-        $enabled = $request->get_param( 'enabled' );
-
-        if ( $enabled ) {
-            $session = Dev_Mode_Manager::create_dev_mode_session();
-
-            if ( ! $session ) {
-                return new \WP_Error(
-                    'session_creation_failed',
-                    esc_html__( 'Failed to create dev mode session. User must be logged in.', 'angie' ),
-                    [ 'status' => 403 ]
-                );
-            }
-
-            return rest_ensure_response( [
-                'success' => true,
-                'message' => esc_html__( 'Dev mode enabled for 1 hour.', 'angie' ),
-                'enabled' => true,
-                'expiry'  => $session['expiry'],
-            ] );
-        } else {
-            Dev_Mode_Manager::clear_dev_mode_session();
-
-            return rest_ensure_response( [
-                'success' => true,
-                'message' => esc_html__( 'Dev mode disabled.', 'angie' ),
-                'enabled' => false,
-            ] );
-        }
-    }
-
-    public function publish_snippet( $request ) {
-        $slug = $request->get_param( 'slug' );
-        $post = Snippet_Repository::find_snippet_post_by_slug( $slug );
-
-        if ( ! $post ) {
-            return new \WP_Error(
-                'snippet_not_found',
-                esc_html__( 'Snippet not found.', 'angie' ),
-                [ 'status' => 404 ]
-            );
-        }
-
-        $files = Snippet_Repository::get_snippet_files( $post->ID );
-
-        if ( empty( $files ) ) {
-            return new \WP_Error(
-                'no_files',
-                esc_html__( 'Snippet has no files to publish.', 'angie' ),
-                [ 'status' => 400 ]
-            );
-        }
-
-        File_System_Handler::write_snippet_files_to_disk( Dev_Mode_Manager::ENV_PROD, $post->ID, $files );
-        Cache_Manager::clear_published_snippet_cache();
-
-        return rest_ensure_response( [
-            'success' => true,
-            'message' => esc_html__( 'Snippet published to production successfully.', 'angie' ),
-            'slug'    => $slug,
-            'files'   => count( $files ),
-        ] );
-    }
+        $environments = [ Dev_Mode_Manager::ENV_DEV, Dev_Mode_Manager::ENV_PROD ];
+        File_System_Handler::delete_snippet_files( $post->ID, $environments );
+
+        $result = Snippet_Repository::delete_snippet( $post->ID );
+
+        if ( ! $result ) {
+            return new \WP_Error(
+                'delete_failed',
+                esc_html__( 'Failed to delete snippet.', 'angie' ),
+                [ 'status' => 500 ]
+            );
+        }
+
+        Cache_Manager::clear_published_snippet_cache();
+
+        return rest_ensure_response( [
+            'success' => true,
+            'message' => esc_html__( 'Snippet deleted successfully.', 'angie' ),
+            'slug' => $slug,
+        ] );
+    }
+
+    public function set_dev_mode( $request ) {
+        $enabled = $request->get_param( 'enabled' );
+
+        if ( $enabled ) {
+            $session = Dev_Mode_Manager::create_dev_mode_session();
+
+            if ( ! $session ) {
+                return new \WP_Error( 'session_creation_failed',
+                    esc_html__( 'Failed to create test mode session. User must be logged in.', 'angie' ),
+                    [ 'status' => 403 ]
+                );
+            }
+
+            return rest_ensure_response( [
+                'success' => true,
+                'message' => esc_html__( 'Test mode enabled.', 'angie' ),
+                'enabled' => true,
+                'expiry'  => $session['expiry'],
+            ] );
+        } else {
+            Dev_Mode_Manager::clear_dev_mode_session();
+
+            return rest_ensure_response( [
+                'success' => true,
+                'message' => esc_html__( 'Test mode disabled.', 'angie' ),
+                'enabled' => false,
+            ] );
+        }
+    }
+
+    public function publish_snippet( $request ) {
+        $slug = $request->get_param( 'slug' );
+        $post = Snippet_Repository::find_snippet_post_by_slug( $slug );
+
+        if ( ! $post ) {
+            return new \WP_Error(
+                'snippet_not_found',
+                esc_html__( 'Snippet not found.', 'angie' ),
+                [ 'status' => 404 ]
+            );
+        }
+
+        $files = Snippet_Repository::get_snippet_files( $post->ID );
+
+        if ( empty( $files ) ) {
+            return new \WP_Error(
+                'no_files',
+                esc_html__( 'Snippet has no files to publish.', 'angie' ),
+                [ 'status' => 400 ]
+            );
+        }
+
+        File_System_Handler::write_snippet_files_to_disk( Dev_Mode_Manager::ENV_PROD, $post->ID, $files );
+        Cache_Manager::clear_published_snippet_cache();
+
+        return rest_ensure_response( [
+            'success' => true,
+            'message' => esc_html__( 'Snippet published to production successfully.', 'angie' ),
+            'slug' => $slug,
+            'post_id' => $post->ID,
+            'files' => count( $files ),
+        ] );
+    }
 
     public function validate_snippet( $request ) {

angie/trunk/modules/code-snippets/classes/snippet-repository.php

@@ -70 +70 @@
     }
 
-    public static function get_all_snippets() {
+    public static function get_all_snippets( $type = null ) {
         $args = [
             'post_type'      => Module::CPT_NAME,
@@ -78 +78 @@
             'order'          => 'ASC',
         ];
+
+        if ( ! empty( $type ) && Taxonomy_Manager::is_valid_type( $type ) ) {
+            $args['tax_query'] = [
+                [
+                    'taxonomy' => Taxonomy_Manager::TAXONOMY_NAME,
+                    'field'    => 'slug',
+                    'terms'    => $type,
+                ],
+            ];
+        }
 
         return get_posts( $args );
@@ -95 +105 @@
     public static function get_snippet_data( $post ) {
         $files = self::get_snippet_files( $post->ID );
+        $terms = wp_get_object_terms( $post->ID, Taxonomy_Manager::TAXONOMY_NAME, [ 'fields' => 'slugs' ] );
+        $timestamps = Dev_Mode_Manager::get_snippet_environment_timestamps( $post->ID );
+        $is_elementor_widget = ! is_wp_error( $terms ) && in_array( 'elementor-widget', $terms, true );
 
-        return [
+        $data = [
+            'id'     => $post->ID,
             'slug'   => self::get_snippet_slug_from_post( $post ),
             'title'  => $post->post_title,
             'status' => $post->post_status,
             'files'  => self::build_file_list( $files ),
+            'type'   => is_wp_error( $terms ) ? [] : $terms,
+            'deploymentStatus' => $timestamps['status'],
         ];
+
+        if ( $is_elementor_widget ) {
+            $data['widgetName'] = Widget_Name_Resolver::get_widget_name_for_snippet( $post->ID );
+        }
+
+        return $data;
     }
 

angie/trunk/modules/code-snippets/classes/snippet-validator.php

@@ -45 +45 @@
         }
 
+        $validate_url = self::get_loopback_url( 'angie/v1/snippets/validate' );
         $response = wp_remote_post(
-            rest_url( 'angie/v1/snippets/validate' ),
+            $validate_url,
             [
                 'headers' => [
@@ -79 +80 @@
 
         if ( \WP_Http::OK !== $response_code || ! isset( $validation_result['valid'] ) || ! $validation_result['valid'] ) {
-            $error_message = isset( $validation_result['message'] ) ? $validation_result['message'] : esc_html__( 'Unknown validation error.', 'angie' );
+            $error_message = $validation_result['data']['error']['message']
+                ?? $validation_result['data']['details']['message']
+                ?? $validation_result['message']
+                ?? esc_html__( 'Unknown validation error.', 'angie' );
+
             return new \WP_Error(
                 'validation_failed',
@@ -144 +149 @@
 
         try {
+
             include $file_path;
 
@@ -183 +189 @@
     }
 
+    // This loopback url is used to validate the snippet in the local environment (wp-env)
+    private static function get_loopback_url( $rest_route ) {
+        $url = rest_url( $rest_route );
+
+        $host = wp_parse_url( $url, PHP_URL_HOST );
+
+        if ( 'localhost' !== $host && '127.0.0.1' !== $host ) {
+            return $url;
+        }
+
+        return str_replace( $host, 'host.docker.internal', $url );
+    }
+
     private static function create_temp_snippet_dir() {
         $temp_base = WP_CONTENT_DIR . '/angie-snippets/temp';

angie/trunk/modules/code-snippets/module.php

@@ -36 +36 @@
 
         add_action( 'rest_api_init', [ $this, 'register_rest_routes' ] );
+        add_action( 'wp_logout', [ Dev_Mode_Manager::class, 'clear_dev_mode_session' ] );
 
         if ( $this->should_load_snippets() ) {
@@ -79 +80 @@
 
     private function init_components() {
+        require_once __DIR__ . '/utils.php';
+
         Post_Type_Manager::init();
         Taxonomy_Manager::init();
@@ -96 +99 @@
 
     public static function is_active(): bool {
-        return defined( 'ANGIE_CODE_SNIPPETS_ACTIVE' ) && ANGIE_CODE_SNIPPETS_ACTIVE;
+        return true;
     }
 

angie/trunk/modules/elementor-core/module.php

@@ -41 +41 @@
         $this->init_rest_controllers();
         add_action( 'elementor/editor/after_enqueue_scripts', [ $this, 'enqueue_scripts' ] );
+        add_action( 'elementor/elements/categories_registered', [ $this, 'register_widget_categories' ] );
+        add_action( 'elementor/editor/templates/panel/category', [ $this, 'render_angie_category_generate_button' ] );
+        add_action( 'elementor/editor/templates/panel/category/content', [ $this, 'render_angie_category_empty_state' ] );
         add_filter( 'angie_mcp_plugins', function ( $plugins ) {
             $plugins['elementor'] = [];
@@ -47 +50 @@
     }
 
-    /**
-     * Initialize controllers
-     */
+    public function register_widget_categories( $elements_manager ) {
+        $elements_manager->add_category(
+            'angie-widgets',
+            [
+                'title' => esc_html__( 'Angie Widgets', 'angie' ),
+                'icon' => 'eicon-ai',
+                'hideIfEmpty' => false,
+                'active' => true,
+            ]
+        );
+    }
+
+    public function render_angie_category_generate_button() {
+        ?><# if ( 'angie-widgets' === name ) { #>
+        <span class="angie-category-generate" data-angie-generate-widget style="display: inline-flex; align-items: center; gap: 4px; margin-inline-start: auto; color: #C00BB9; color: light-dark(#C00BB9, #F0ABFC); font-size: 12px; font-weight: 500; cursor: pointer;">
+            <i class="eicon-ai" aria-hidden="true" style="font-size: 14px;"></i>
+            <?php echo esc_html__( 'Generate', 'angie' ); ?>
+        </span>
+        <# } #><?php
+    }
+
+    public function render_angie_category_empty_state() {
+        if ( $this->has_angie_widgets() ) {
+            return;
+        }
+        ?><# if ( 'angie-widgets' === name ) { #>
+        <div class="angie-category-empty-state" data-angie-category-empty-state style="grid-column: 1 / -1; width: 100%; padding: 12px 20px;">
+            <p style="color: #A4AFB7; font-size: 12px; margin: 0; line-height: 1.4;"><?php echo esc_html__( 'Your generated widgets by Angie will show up here.', 'angie' ); ?></p>
+        </div>
+        <# } #><?php
+    }
+
+    private function has_angie_widgets(): bool {
+        $widgets = \Elementor\Plugin::$instance->widgets_manager->get_widget_types();
+
+        foreach ( $widgets as $widget ) {
+            if ( in_array( 'angie-widgets', $widget->get_categories(), true ) ) {
+                return true;
+            }
+        }
+
+        return false;
+    }
+
     private function init_rest_controllers() {
         $this->kit_provider = new Kit_Provider();

angie/trunk/modules/sidebar/assets/sidebar.css

@@ -18 +18 @@
     body.angie-sidebar-active #angie-body-top-padding {
         width: 100%;
-        height: 8px;
+        height: 0;
     }
 
@@ -24 +24 @@
     body.angie-sidebar-active #wpadminbar {
         inset-inline-start: var(--angie-sidebar-width) !important;
-        inset-inline-end: 8px !important;
-        width: calc(100% - 8px - var(--angie-sidebar-width)) !important;
-        margin-top: 8px;
+        inset-inline-end: 0 !important;
+        width: calc(100% - var(--angie-sidebar-width)) !important;
+        margin-top: 0;
     }
 
     body.angie-sidebar-active #wpfooter {
-        bottom: 8px !important;
+        bottom: 0 !important;
     }
 
     body.angie-sidebar-active #adminmenuback {
-        top: 8px !important;
+        top: 0 !important;
     }
 
     html.angie-sidebar-active {
-        margin-inline-end: 8px !important;
+        margin-inline-end: 0 !important;
     }
 
     body.angie-sidebar-active #adminmenuwrap {
-        margin-bottom: 8px;
+        margin-bottom: 0;
     }
 
-    body.angie-sidebar-active #angie-wrapper {
-        --angie-wrapper-border-width: 1px;
-        position: fixed;
-        top: 8px;
-        inset-inline-start: var(--angie-sidebar-width);
-        width: calc(100% - 7px - (var(--angie-wrapper-border-width) * 2) - var(--angie-sidebar-width));
-        height: calc(100% - 17px);
-        z-index: var(--angie-sidebar-z-index) !important;
-        border: var(--angie-wrapper-border-width) solid var(--action-selected, rgba(0, 0, 0, 0.08));
-        border-radius: 8px;
-        box-shadow: 0 0 0 100vmax #FCFCFC;
-        pointer-events: none;
-    }
-
-
     body.angie-sidebar-active .woocommerce-layout__header{
-        margin-top: 8px;
+        margin-top: 0;
     }
 
@@ -99 +84 @@
     inset-inline-start: calc(var(--angie-sidebar-width) + var(--admin-menu-width)) !important;
     inset-inline-end: 0 !important;
-    top: calc(32px + 8px) !important;
-    margin-bottom: 8px !important;
+    top: 32px !important;
+    margin-bottom: 0 !important;
 }
 
 .block-editor-page.angie-sidebar-active.block-editor-page.is-fullscreen-mode .interface-interface-skeleton {
-    top: 8px !important;
+    top: 0 !important;
 }
 

angie/trunk/modules/sidebar/components/sidebar-html.php

@@ -91 +91 @@
         </script>
 
-        <div id='angie-wrapper'></div>
         <div 
             id='angie-sidebar-container'

angie/trunk/plugin.php

@@ -91 +91 @@
         }
         $this->init();
+        $this->register_heartbeat_nonce_refresh();
+    }
+
+    private function register_heartbeat_nonce_refresh() {
+        add_filter( 'heartbeat_received', [ $this, 'refresh_angie_nonce_on_heartbeat' ], 10, 2 );
+    }
+
+    public function refresh_angie_nonce_on_heartbeat( array $response, array $data ): array {
+        if ( ! is_user_logged_in() ) {
+            return $response;
+        }
+        $response['angie_nonce'] = wp_create_nonce( 'wp_rest' );
+        return $response;
     }
 }

angie/trunk/readme.txt

@@ -5 +5 @@
 Tested up to: 6.9
 Requires PHP: 7.4
-Stable tag: 1.0.4
+Stable tag: 1.1.0
 License: GPLv3
 License URI: https://www.gnu.org/licenses/gpl-3.0.html
 
-Chat with Angie, Agentic AI for WordPress. Powered by MCP, Angie builds, manages & updates your site, boosting productivity with ease.
+Angie Code: Your expert WordPress developer, powered by AI. Build anything you can imagine without writing a single line of code.
 
 == Description ==
 
-**Disclaimer:** Angie is currently in a Beta mode. While core functionality in WordPress and the Elementor Editor is stable and ready to explore, some integrations with other plugins and tools are still evolving and may not work as expected yet. We're continuously improving Angie and expanding these integrations, so you can expect broader, more refined capabilities soon. In the meantime, be sure to back up your site before using Angie.
-
-Manage and update your website by chatting with Angie, a powerful Agentic AI for any WordPress website. With your instruction, Angie can perform simple or complex multi-step workflows and bulk actions in an instant, to multiply your productivity across any part of website creation.
-
-Unlike traditional AI tools or AI plugins that only generate content or assist with isolated tasks, Angie acts as an intelligent AI assistant that powers your full WordPress site flow, from content and design to code, and site maintenance, without any manual tagging or training. Perfect for professional web creators, agencies, freelancers, and professional site owners who want to work smarter and achieve more.
-
-Capture the power of MCP (Model Context Protocol) technology and autonomous AI Agents to carry out multi-step tasks like updating pages, installing plugins, bulk uploading new inventory to your WooCommerce store, or generating entire landing pages, all executed intelligently and in context. Angie frees you from repetitive admin work so you can focus on strategy and creativity, while your AI assistant runs your WordPress site seamlessly.
-
-== Use Cases ==
-
-Angie performs hundreds of everyday WordPress tasks, spanning content, design, development, and store management. Below are just some of the operations Angie can streamline for web creators:
-
-= Content Management =
-
-- **Bulk content creation** - Quickly generate or duplicate multiple posts, products, or pages in batches.
-- **Upload content** - Add images, PDFs or other media from local files or URLs, letting Angie handle the upload and attachment process.
-- **Generate content based on web searches** - Pull in up-to-date facts and references from the web to draft posts, product descriptions, and page copy aligned to your brief.
-- **AI image generation or editing** (using Angie's Image Generation Mini App) - Generate new images or edit existing ones (remove or replace background, resize, upscale, generative fill, isolate objects, cleanup) without leaving WordPress.
-- **Container generation** (requires Elementor's Editor) - Optimize container layouts, automatically placing elements in the appropriate container.
-- **Scheduling posts & applying categories and tags** - Fill in unpublished items with smart scheduling and auto-apply categories or tags based on content meaning for better organization and SEO.
-- **Create Custom Post Types with ACF®** (Current status: experimental) - Define and register new post types tailored to specific content structures, like events, portfolios, or testimonials.
-- **Full page content translation** - Translate individual blocks, full pages, or any piece of content across the site without relying on any external tools.
-- **Generate full pages** - Using the Page Planner, describe the type of page needed (e.g. "About page for a bakery") and let Angie create it with the layout, content, and structure included.
-
-= Design & Development =
-
-- **Update global styles** - Instantly adjust typography, colors, spacing, and other theme-wide design settings with just a single prompt.
-- **Code creation** - Write or insert code snippets (HTML, CSS, JS) for site customization.
-- **Improve slugs** - Refine post, page, or product URLs for better SEO and readability, either individually or in bulk.
-
-= Site Management =
-
-- **Plugin & Theme operations** - Activate, deactivate, install, or remove plugins and themes with a single prompt.
-- **Site configuration** - Adjust settings like site title, tagline, site language, timezone, or reading preferences.
-- **User roles & access** - Add new users, update roles, or adjust permissions through conversational commands.
-- **Media library control** - Enhance media assets with AI-generated alt text, captions and descriptions, or quickly search, rename, organize, and clean up files in bulk using simple prompts.
-
-= WooCommerce Management =
-
-- **Create and manage products** - Generate detailed WooCommerce product listings with descriptions, pricing, categories, and images.
-- **Stock management** - Update inventory levels, set stock statuses, and adjust quantity settings across multiple products.
-- **Pricing adjustments** - Quickly update regular and sale prices, either individually or in bulk, across multiple products.
-- **Promotions & discounts** - Apply promotional discounts, set up coupon codes, or schedule limited-time sales with a single prompt.
-
-= Analytics & Reporting (Coming soon) =
-
-- **Product performance reports** - Get instant snapshots of sales volume, revenue trends, and top-selling products.
-- **Order & product management** - Ask Angie to manage fulfillment, stock updates, order statuses, and product details.
-
-= More ways Angie can help you =
-
-- **Site recommendations** - Get step-by-step instructions for WordPress tasks or best-practice recommendations.
-- **How-to assistance** - Ask Angie how to use the Editor, WordPress, or any plugin and get clear, actionable instructions.
-- **Ideation partner** - Brainstorm ideas for new content, campaigns, or site features with Angie.
-- **Plugin & theme advice** - Discover which plugins or themes can extend your site with the functionality you need.
-- **Hosting & performance tips** - Ask Angie about site health, performance issues, or hosting configurations.
-
-== Key Benefits ==
-
-- **Agentic AI - Multi-step workflow automation** - From a single prompt, Angie completes complex, multi-step tasks. Whether it's creating pages, updating inventory, or publishing bulk content, Angie handles it seamlessly within your site.
-- **Sitewide next-generation AI engine** - Angie works across your entire WordPress site, automating content, design, code, plugin management, and maintenance workflows. It delivers a unified AI-powered engine for any WordPress website, even if you're not using Elementor's Editor.
-- **AI for your entire website journey** - Angie supports you from planning and building to launching and maintaining your WordPress site. It helps you build, run, and grow your site with smart automation at every stage.
-- **Deep context awareness with MCP technology** - Angie instantly understands your site's structure, including pages, posts, WooCommerce products, plugins, and templates. This deep site-level intelligence powers precise, context-aware actions without manual tagging or setup.
-- **Intelligent AI assistance** - Angie performs complex tasks quickly and accurately. It can install plugins, summarize data, manage updates, and reduce repetitive admin work, making site management easier and more efficient.
-- **Easy AI workflow control** - Manage complex tasks with simple commands. Angie brings content, design, code, data, and backend admin actions together in one place, so you can run your whole site without juggling tools.
-- **Built for professionals and continuous growth** - Designed for agencies, freelancers, and professional web creators managing multiple sites. Angie streamlines workflows and supports ongoing updates like sales launches, store inventory management, and maintenance, helping your site grow with minimal effort.
-- **Zero setup, seamless integration** - Install and go. Angie works with your existing site as-is. No training or manual configuration is needed. Start automating workflows immediately.
-
-== Features ==
-
-- **Prompt-based task execution** - Issue a single prompt, and Angie translates it into a structured, multi-step workflow with no scripting or manual setup required.
-- **Context-aware content mapping** - Built to understand WordPress architecture, Angie automatically determines where each action belongs across pages, templates, products, and more.
-- **Multi-modal output generation** - Angie is capable of producing diverse outputs (including text, code, images, or layouts) within the same interface, all triggered from one command.
-- **Flexible input options** - Angie supports multiple input sources, such as uploading files, images, or providing URLs for reference.
-- **Data-driven actions** - Angie accepts structured files like CSVs or JSON to drive large-scale updates, content imports, or data manipulations across your site.
-- **Plugin & theme automation** - Since plugin and theme management is built into Angie's workflow system, installation and configuration can happen automatically, without any manual steps required.
-- **Web search integration** - With built-in web search, Angie can retrieve and process real-time information to support tasks like content creation or analysis.
-- **Deep Elementor integration** - The integration with Elementor is handled natively, giving Angie full access to design components, layout structures, and editor actions.
-
-== Roadmap: Expanding next-generation AI capabilities ==
-
-Angie is continuously evolving to deliver smarter, deeper AI automation for WordPress site management. Upcoming updates will include:
-
-- **Background task scheduling** - Run complex or time-intensive tasks in the background, even when you're offline.
-- **Custom agents** - Create and assign specialized abilities for Angie to interact with your site in new ways.
-- **Integration hub** - Easily connect external MCP servers or built-in solutions such as the Figma connector from a dedicated screen.
-- **Expanded plugin integration** - Expansion of integration across more plugins including WooCommerce, The Events Calendar and more.
-
-These enhancements will empower professional web creators, agencies, and freelancers to automate complex site-wide tasks effortlessly, streamline workflows, and unlock the full potential of AI-powered WordPress site management.
-
-== Get started today ==
-
-Experience the power of Angie, your context-aware AI assistant for WordPress!
-
-Angie requires a connection to an active Elementor account to identify the user and provide access to the AI-powered services to their WordPress site. Make sure you are signed in with an Elementor user account. Upon activating the plugin, you will be guided to connect your site. Learn more about Angie's Terms and Conditions.
-
-More exciting features and improvements are coming soon, so stay tuned!
+**Disclaimer:** Angie is currently in Beta. While core functionality within WordPress and the Elementor Editor is stable and ready to explore, some actions and integrations with third-party tools are still evolving. We are continuously refining Angie's capabilities and expanding its capabilities. Please ensure you back up your site before use. During this Beta phase, enjoy free daily credits and help us shape the future of AI-driven web creation with your feedback.
+
+Angie Code lets professional web creators and agencies create custom Elementor widgets, snippets for WordPress, and functionality instantly. Simply describe what you need, and watch Angie build production-ready code in seconds, zero coding knowledge required.
+
+While standard solutions provide a vital foundation for most project requirements, Angie Code eliminates the compromise of "close enough", empowering you to build the bespoke functionalities that define the final, most impactful details of your site ensuring every element meets your exact specifications with technical precision.
+
+== Fully configurable inside WordPress & Elementor ==
+
+Angie produces PHP, CSS, and JavaScript, whose output is editable through conversation with Angie ("make the font bigger," "add a hover animation"), or switch to the Elementor Editor's visual controls for pixel-perfect adjustments. You're never locked in - every widget is yours to own, edit, and evolve.
+
+Your existing theme, plugins, Elementor setup, and Gutenberg editor all stay exactly as they are. Angie adds AI-powered creation capabilities on top of your current environment. There is no new platform to learn, no migration required, and no disruption to your workflow.
+
+== What Angie can do ==
+
+Angie's expertise delivers specialized categories of production-ready components:
+
+- **Build bespoke Elementor widgets** - Create custom widgets from scratch and refine their style using native Elementor Editor controls.
+- **Extend Elementor widgets** - Inject custom controls and advanced capabilities into existing widgets to expand their functional range.
+- **Customize WordPress admin & backend** - Tailor your dashboard, add custom post types, extend WooCommerce, and implement custom hooks and filters.
+- **Architect front-end enhancements** - Integrate CSS and JavaScript for sophisticated animations, cursor effects, and immersive interactive behaviors.
+- **Construct visual apps** - Build fully functional front-end applications like custom calculators, and quizzes.
+- **Generate complete landing pages** - Produce entire pages with layout, content, and styling for Elementor and Gutenberg.
+
+== Multi-modal input and collaborative building ==
+
+- **Conversational building** - Describe the functionality you need in plain language; Angie handles the engineering.
+- **Visual references** - Upload a screenshot of a design you love, or provide a URL, and your AI developer will build it for you.
+- **Collaborative refinement** - Not exactly what you wanted? Just tell Angie what to change. She understands your feedback and refines the result in real-time.
+
+== Safe by design - experiment freely, deploy confidently ==
+
+Everything Angie Code creates is built and tested in a dedicated preview environment. See it on your page, tweak it, and iterate as many times as you want - nothing is added to your live site until you personally approve it. This is your safety net: the freedom to try anything without the risk of breaking anything.
+
+== Streamline site management ==
+
+Beyond building, Angie acts as an agentic assistant to help you perform site-wide workflows, handle bulk actions, and manage content through simple conversation.
+
+Stop compromising your vision. Start building with Angie.
+
+== Contributors & Developers ==
+
+"Angie: Agentic AI for WordPress" is open source software. The following people have contributed to this plugin.
+
+Contributors: Elementor
 
 == FAQ ==
 
-= 1. What is Angie and how does it work? =
-
-Angie is a next-generation powerful Agentic AI assistant for your WordPress website that enables you to manage and update your website using conversational prompts. It understands your entire site's structure, including pages, posts, templates, and the products you sell in your WooCommerce store. Angie also knows all the widgets and plugins you use and can install new plugins for you. It has deep knowledge of where everything is inside WordPress. Using simple natural language prompts, Angie performs complex multi-step tasks on your behalf, helping you automate updates, content generation, design changes, and much more so you can multiply your productivity. This saves you time and effort, while making site management easier and more efficient.
-
-= 2. Is Angie compatible with WordPress and Elementor? =
-
-Yes. Angie is fully compatible with WordPress and seamlessly integrates with Elementor's Editor, though it is not required. Angie is also integrated with other themes and plugins, such as Gutenberg (The WordPress Block Editor), The Events Calendar, GiveWP. It works across your entire site, delivering powerful AI-driven automation beyond just page builders.
-
-= 3. Do I need to configure, train, or restructure my existing WordPress site for Angie to work? =
-
-No, Angie requires no configuration, manual training, or site restructuring to get started. Once installed and connected, Angie automatically recognizes your site's layout, content types, plugins, and even your WooCommerce products. There's no tagging, manual setup, or complicated process required. Angie seamlessly adapts to your existing WordPress site as-is, allowing you to open its interface and immediately start issuing natural language commands to automate complex, multi-step tasks.
-
-= 4. Will Angie complicate my workflow? =
-
-Not at all. Angie simplifies your workflow by unifying AI-powered content, design, and code automation into one intelligent interface. With text commands and deep site context awareness, Angie helps you move faster from idea to execution with less friction.
-
-= 5. Do you need to use Elementor's Editor for Angie to work? =
-
-No, Angie works directly in WordPress and is fully compatible with various plugins. You don't need Elementor to use it. However, Angie has deep integration with Elementor's Editor, giving it extra context and control over widgets, templates, and design structure. If you're using Elementor, you'll get the most out of Angie — but it also works smoothly with Gutenberg and other WordPress environments.
-
-= 6. Is Angie free? =
-
-Yes, Angie has a free tier with credits renewing daily.
-
-= 7. Is my site secure with Angie? =
-
-Yes. Angie is built with WordPress security best practices in mind. It does not make unauthorized changes or expose your site to external threats. All operations happen within your existing WordPress environment, and Angie only acts when you instruct it to. In fact, before performing any potentially destructive actions, like deleting content or overriding settings, Angie will alert you and ask for confirmation to ensure nothing happens unintentionally.
-
-= 8. Does Angie keep my information safe? =
-
-Absolutely. Angie does not collect or store sensitive site data outside of your WordPress installation. Any processing involving your site's content or structure is handled securely and in compliance with standard data privacy protocols.
-
-= 9. Can I connect my own MCP server to Angie? =
-
-Yes. Angie is fully extensible and allows plugin developers to integrate custom capabilities through the MCP (Model Context Protocol) system. Using the official Angie MCP SDK, you can build and register your own MCP server directly in the browser, no need for an external gateway or PHP-based server. This lets Angie discover and interact with your plugin's tools, resources, and workflows in real time. Whether you're exposing backend functionality or building advanced client-side features, Angie can run your MCP server and invoke your tools securely, right from the current screen.
-
-= 10. Is Angie in Beta? =
-
-Yes, Angie is in Beta, which means you'll get early access to powerful features and many more integrations with other WordPress plugins are on the way. Some actions may not be perfect yet as we continue to refine and improve the experience. Sharing your experience helps us make Angie better every day.
-
-== Screenshots ==
-
-1. Use Angie to jumpstart any project in WordPress. Write content, design sections, and manage tasks without leaving WordPress.
-2. Prompt Angie to plan and design pages in seconds, with Angie helping to add engaging content, media, and layouts.
-3. Edit existing images, create variations, or generate entirely new visuals, all within Angie. No third-party tools required.
-4. Ask Angie to run instant store-wide promotions, update prices, and refresh product listings automatically.
-
-## Contributors & Developers
-
-"Angie: Agentic AI for WordPress" is open source software. The following people have contributed to this plugin.
-
+= 1. What is Angie? =
+
+Angie is an AI layer for WordPress. Unlike standalone AI tools, Angie is purpose-built for the WordPress ecosystem with deep contextual understanding of your specific website, its architecture, installed plugins, and data. Angie acts as an AI-powered expert WordPress developer and agentic assistant designed to help you build and manage websites without writing any code. It functions like a senior engineer that turns plain-language descriptions into production-ready code instantly.
+
+= 2. What is Angie Code? =
+
+Angie Code is your WordPress developer on demand. Through natural conversation, you can create custom Elementor widgets, code snippets, and functionality, without requiring any code. Describe what you want, refine it through conversation, and Angie builds it for you. Every creation is fully editable and works seamlessly with your existing WordPress setup.
+
+Here's what you can create:
+
+- **Elementor widgets** - Create custom widgets from scratch and refine their style using native Elementor Editor controls.
+- **Extend Elementor widgets** - Inject custom controls and advanced capabilities into existing widgets to expand their functional range.
+- **Customize WordPress admin & backend** - Tailor your dashboard, add custom post types, extend WooCommerce, and implement custom hooks and filters.
+- **Architect front-end enhancements** - Integrate CSS and JavaScript for sophisticated animations, cursor effects, and immersive interactive behaviors.
+- **Construct visual apps** - Build fully functional front-end applications like custom calculators, and quizzes.
+- **Generate complete landing pages** - Produce entire pages with layout, content, and styling for Elementor and Gutenberg.
+
+= 3. Is Angie Code compatible with Elementor? =
+
+Yes! Angie is deeply integrated with the Elementor Editor. You can generate custom widgets specifically for Elementor, allowing you to create unique layouts and functionalities that aren't available in standard widget packs. The widgets Angie creates work seamlessly with Elementor's visual controls, giving you the best of both worlds: AI-powered creation and manual refinement.
+
+= 4. Is it free to use? =
+
+Yes. Angie has a free tier with daily renewing credits, allowing you to explore its creation capabilities every day at no cost. This lets you experiment, learn, and build real projects without any financial commitment.
+
+= 5. How does "Test Mode" protect my site? =
+
+Test Mode is a secure staging environment where AI-generated code runs in isolation. You can preview, test, and interact with your creation without affecting your live site. Only when you're completely satisfied do you manually publish it to production.
+
+This ensures safety and control over every AI-generated element. You can:
+
+- See exactly what code will be added
+- Turn widgets on and off to test behavior
+- Review what's in production versus staging
+- Make iterative changes in a safe space
+- Publish to live with confidence
+
+No artifacts are published or affect your website until you've explicitly approved it.
+
+= 6. Can I use screenshots or URLs to build widgets? =
+
+Absolutely. Angie Code supports multiple input types:
+
+- **Text prompts** - Describe what you want in natural language
+- **Screenshots** - Upload an image of a design you want to recreate
+- **URLs** - Provide a website link and Angie analyzes the design
+
+Angie analyzes the layout, functionality, and design patterns to create a similar, fully editable artifacts for your site. This makes reverse-engineering inspiring designs incredibly fast.
+
+= 7. Do I need to be a developer to use Angie Code? =
+
+Not at all. Angie is designed to break the technical ceiling through conversation. Describe what you want, then refine it through follow-up prompts, just like working with a developer.
+
+"Make it more colorful," "Add animation," "Match my brand colors," Angie iterates with you until it's perfect. You don't need to nail the prompt on the first try. The power is in the conversation, not the single perfect instruction.
+
+The code remains open and fully editable for those who want to customize it manually. You're never locked in.
+
+= 8. Can I edit what Angie generates? =
+
+Yes. This is core to the Angie philosophy. Every widget and snippet Angie creates is fully editable, both through continued conversation with Angie and through manual code editing.
+
+You can:
+
+- Ask Angie to make changes conversationally
+- Switch to Elementor's visual editor for pixel-perfect adjustments
+- Edit the underlying PHP, CSS, and JavaScript directly
+- Mix AI creation with manual refinement
+
+Your creations are never locked or proprietary. They're code that works with your entire ecosystem.
+
+= 9. Is it compatible with my theme and plugins? =
+
+Yes. Angie works across your entire WordPress environment. While it has deep integration with Elementor, Angie Code generates PHP, CSS, and JavaScript. Angie also understands your site's existing architecture and adapts automatically. Instead of replacing your tools, Angie is also an MCP that connects your ecosystem to help you get more from it.
+
+= 10. How does Angie handle site security? =
+
+Angie follows WordPress security best practices. It does not perform destructive actions (like deleting content or overriding core settings) without your explicit confirmation. Because Angie is context-aware, it understands your site's boundaries and works within WordPress's security model.
+
+Additionally:
+
+- All code runs in Test Mode before going live
+- You manually approve every change to production
+- Code is generated using WordPress coding standards
+
+= 11. Can I connect my own MCP server? =
+
+Yes. Angie is fully extensible. Developers can use Angie's official SDK on GitHub to integrate custom capabilities through the Model Context Protocol (MCP), allowing Angie to interact with your specific tools and workflows in real-time.
+
+Resources:
+
+- GitHub SDK
+- NPM package
+- Demo plugin
+
+= 12. Do I need to speak English to use Angie? =
+
+Not at all. Angie is built for creators worldwide. You can prompt Angie in your native language whether you speak Spanish, French, Japanese, or any other major language. Angie understands your intent and generates the correct content accordingly.
+
+Language should never be a barrier to bringing your WordPress ideas to life.
 
 == Changelog ==
+
+= 1.1.0 - 2026-02-19 =
+* New: Angie Code: build custom Elementor widgets, Gutenberg blocks, code snippets, custom functionality, and interactive apps through conversation
+* New: Preview environment for all code creations - test before going live
+* New: Visual reference support - upload screenshots or URLs to generate matching components
+* New: Custom post type and field generation through conversation
+* Tweak: Added empty state and "Generate" button to Angie category
+* Tweak: Added referrer redirect support
+* Tweak: Removed wrapper overlay from WordPress interface when Angie is open
+* Tweak: Removed unused Elementor One connection button
+
 = 1.0.4 - 2026-01-20 =
 * Tweak: Optimized token fetching and handling in Angie plugin
@@ -171 +177 @@
 
 = 1.0.3 - 2026-01-12 =
-* Tweak: Added support for “Elementor One” connection
+* Tweak: Added support for "Elementor One" connection
 * Tweak: Added Canvas page template to support Landing page creation in Gutenberg
 * Tweak: Added `animate.css` script for Gutenberg generated landing pages