Changeset 3401441

opti-behavior/trunk/Opti-Behavior.php

-                      r3399182
+                      r3401441
 /**
  * Plugin Name: Opti-Behavior
+ * Description: Transform your WordPress site with powerful analytics! Track user behavior with beautiful heatmaps and real-time insights. Boost conversions and optimize user experience with data-driven decisions. Upgrade to PRO for session recordings and advanced features.
+ * Version:     1.0.4
+ * Plugin URI:  https://optiuser.com/
+ * Description: Transform your WordPress site with powerful analytics! Track user behavior with beautiful heatmaps and real-time insights. Boost conversions and optimize user experience with data-driven decisions.
+ * Version:     1.0.5
  * Author:      OptiUser
  * Author URI:  https://profiles.wordpress.org/optiuser/
+ * Author URI:  https://optiuser.com/
  * License:     GPLv2 or later
  * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 …
+ *
  * @package opti-behavior
  * @copyright 2025 Opti-User
  * @version 1.0.4
+ * @copyright 2025 OptiUser
+ * @version 1.0.5
  */
 …
 // Define plugin constants.
 define( 'OPTI_BEHAVIOR_HEATMAP_VERSION', '1.0.4' );
+define( 'OPTI_BEHAVIOR_HEATMAP_VERSION', '1.0.5' );
 define( 'OPTI_BEHAVIOR_HEATMAP_PLUGIN_DIR', plugin_dir_path( __FILE__ ) );
 define( 'OPTI_BEHAVIOR_HEATMAP_PLUGIN_URL', plugin_dir_url( __FILE__ ) );

opti-behavior/trunk/admin/class-opti-behavior-heatmap-ajax-handler.php

-                      r3399182
+                      r3401441
         add_action( 'wp_ajax_optibehavior_top_users', array( $this, 'ajax_top_users' ) );
         add_action( 'wp_ajax_optibehavior_backfill_pageview_times', array( $this, 'ajax_backfill_pageview_times' ) );
+        // Support form email handler
+        add_action( 'wp_ajax_opti_behavior_send_support_email', array( $this, 'ajax_send_support_email' ) );
+    }
 …
         if ( is_wp_error( $response ) ) {
+            // API request failed, return unknown
+            // API request failed, try browser language fallback
+            $browser_geo = $this->get_country_from_browser_language();
+            if ( ! empty( $browser_geo['country'] ) && $browser_geo['country'] !== 'UN' ) {
+                $result = array(
+                    'country'      => $browser_geo['country'],
+                    'country_name' => $browser_geo['country_name'],
+                    'region'       => 'Unknown',
+                    'city'         => 'Unknown',
+                    'timezone'     => '',
+                    'source'       => 'browser_language_fallback',
+                );
+                // Cache for shorter time on fallback (15 minutes)
+                set_transient( $cache_key, $result, 15 * MINUTE_IN_SECONDS );
+                return $result;
+            }
+            // Last resort: return unknown
             $result = array(
                 'country'      => 'UN',
 …
+        }
+        // API returned error or invalid data
+        // API returned error or invalid data, try browser language fallback
+        $browser_geo = $this->get_country_from_browser_language();
+        if ( ! empty( $browser_geo['country'] ) && $browser_geo['country'] !== 'UN' ) {
+            $result = array(
+                'country'      => $browser_geo['country'],
+                'country_name' => $browser_geo['country_name'],
+                'region'       => 'Unknown',
+                'city'         => 'Unknown',
+                'timezone'     => '',
+                'source'       => 'browser_language_fallback',
+            );
+            // Cache for shorter time on fallback (15 minutes)
+            set_transient( $cache_key, $result, 15 * MINUTE_IN_SECONDS );
+            return $result;
+        }
+        // Last resort: return unknown
         $result = array(
             'country'      => 'UN',
 …
+    }
+    /**
+     * AJAX handler for sending support emails.
+     *
+     * @since 1.0.4
+     */
+    public function ajax_send_support_email() {
+        // Verify nonce
+        if ( ! isset( $_POST['nonce'] ) || ! wp_verify_nonce( sanitize_text_field( wp_unslash( $_POST['nonce'] ) ), 'opti_behavior_support_email' ) ) {
+            wp_send_json_error( array( 'message' => __( 'Security check failed', 'opti-behavior' ) ) );
+        }
+        // Verify user is logged in
+        if ( ! is_user_logged_in() ) {
+            wp_send_json_error( array( 'message' => __( 'You must be logged in to send a message', 'opti-behavior' ) ) );
+        }
+        // Sanitize and validate inputs
+        $name    = isset( $_POST['name'] ) ? sanitize_text_field( wp_unslash( $_POST['name'] ) ) : '';
+        $email   = isset( $_POST['email'] ) ? sanitize_email( wp_unslash( $_POST['email'] ) ) : '';
+        $subject = isset( $_POST['subject'] ) ? sanitize_text_field( wp_unslash( $_POST['subject'] ) ) : '';
+        $message = isset( $_POST['message'] ) ? sanitize_textarea_field( wp_unslash( $_POST['message'] ) ) : '';
+        // Validate required fields
+        if ( empty( $name ) || empty( $email ) || empty( $subject ) || empty( $message ) ) {
+            wp_send_json_error( array( 'message' => __( 'Please fill in all fields', 'opti-behavior' ) ) );
+        }
+        // Validate email
+        if ( ! is_email( $email ) ) {
+            wp_send_json_error( array( 'message' => __( 'Please enter a valid email address', 'opti-behavior' ) ) );
+        }
+        // Prepare email
+        $to      = '[email protected]';
+        $headers = array(
+            'Content-Type: text/html; charset=UTF-8',
+            'From: ' . $name . ' <' . $email . '>',
+            'Reply-To: ' . $email,
+        );
+        // Build email body
+        $email_body = '<html><body>';
+        $email_body .= '<h2>' . esc_html__( 'New Support Message from Opti-Behavior Plugin', 'opti-behavior' ) . '</h2>';
+        $email_body .= '<p><strong>' . esc_html__( 'Name:', 'opti-behavior' ) . '</strong> ' . esc_html( $name ) . '</p>';
+        $email_body .= '<p><strong>' . esc_html__( 'Email:', 'opti-behavior' ) . '</strong> ' . esc_html( $email ) . '</p>';
+        $email_body .= '<p><strong>' . esc_html__( 'Subject:', 'opti-behavior' ) . '</strong> ' . esc_html( $subject ) . '</p>';
+        $email_body .= '<p><strong>' . esc_html__( 'Message:', 'opti-behavior' ) . '</strong></p>';
+        $email_body .= '<p>' . nl2br( esc_html( $message ) ) . '</p>';
+        $email_body .= '<hr>';
+        $email_body .= '<p><small>' . esc_html__( 'Sent from:', 'opti-behavior' ) . ' ' . esc_url( get_site_url() ) . '</small></p>';
+        $email_body .= '</body></html>';
+        // Send email
+        $sent = wp_mail( $to, '[Opti-Behavior Support] ' . $subject, $email_body, $headers );
+        if ( $sent ) {
+            wp_send_json_success( array(
+                'message' => __( 'Your message has been sent successfully! We\'ll get back to you soon.', 'opti-behavior' ),
+            ) );
+        } else {
+            // If wp_mail fails, provide fallback message
+            wp_send_json_error( array(
+                'message' => sprintf(
+                    /* translators: %s: support email address */
+                    __( 'We couldn\'t send your message automatically. Please email us directly at %s', 'opti-behavior' ),
+                    '<a href="mailto:[email protected]">[email protected]</a>'
+                ),
+            ) );
+        }
+    }
+}

opti-behavior/trunk/admin/class-opti-behavior-heatmap-dashboard.php

-                      r3399182
+                      r3401441
+        }
+        // Heatmaps growth (new pages with events this week vs last week)
+        // Heatmaps growth (this week vs all time)
+        // Compare: How many NEW pages got heatmaps this week
         $this_week_heatmaps = $wpdb->get_var( $wpdb->prepare(
             "SELECT COUNT(DISTINCT page_id2)
 …
         ));
+        $last_week_heatmaps = $wpdb->get_var( $wpdb->prepare(
+            "SELECT COUNT(DISTINCT page_id2)
+            FROM {$wpdb->prefix}optibehavior_events
+            WHERE event IN (16, 17, 32, 33, 48, 49)
+            AND insert_at BETWEEN %s AND %s",
+            $two_weeks_ago,
+            $week_ago
+        ));
+        $heatmaps_growth = $last_week_heatmaps > 0 ?
+            round((($this_week_heatmaps - $last_week_heatmaps) / $last_week_heatmaps) * 100) : 0;
+        // Calculate: (this week count / all-time count) * 100
+        // Shows what % of all-time heatmaps were created this week
+        // Example: 5 this week / 13 all-time = 38% (meaning 38% of all heatmaps are from this week)
+        $heatmaps_growth = $total_heatmaps > 0 ?
+            round(($this_week_heatmaps / $total_heatmaps) * 100) : 0;
         // Total clicks (click events only)
 …
+        }
         // Clicks growth (this week vs last week)
+        // Clicks growth (this week vs all time)
         $this_week_clicks = $wpdb->get_var( $wpdb->prepare(
             "SELECT COUNT(*)
 …
         ));
+        $last_week_clicks = $wpdb->get_var( $wpdb->prepare(
+            "SELECT COUNT(*)
+        // Calculate: (this week clicks / all-time clicks) * 100
+        // Shows what % of all-time clicks happened this week
+        // Example: 50 this week / 200 all-time = 25% (meaning 25% of all clicks are from this week)
+        $clicks_growth = $total_clicks > 0 ?
+            round(($this_week_clicks / $total_clicks) * 100) : 0;
+        // Mobile percentage - Count PAGES with mobile heatmaps vs total pages (not individual events)
+        // This should match the data shown in the heatmap table
+        // Check storage mode to use the same data source as the table
+        $file_storage = $this->heatmap->get_file_storage();
+        $storage_settings = $file_storage ? $file_storage->get_settings() : array( 'storage_mode' => 'database' );
+        if ( $storage_settings['storage_mode'] === 'file' && $file_storage ) {
+            // File storage mode - get page counts from file storage
+            $pages_data = $file_storage->get_pages_with_heatmap_data();
+            $total_pages = count( $pages_data );
+            $mobile_pages = 0;
+            foreach ( $pages_data as $page_data ) {
+                $mobile_interactions = ( $page_data['click_mobile'] + $page_data['breakaway_mobile'] + $page_data['attention_mobile'] );
+                $total_interactions = ( $page_data['click_pc'] + $page_data['click_mobile'] + $page_data['breakaway_pc'] + $page_data['breakaway_mobile'] + $page_data['attention_pc'] + $page_data['attention_mobile'] );
+                // Count this page as "mobile" if it has any mobile interactions
+                if ( $mobile_interactions > 0 ) {
+                    $mobile_pages++;
+                }
+            }
+            $mobile_percentage = $total_pages > 0 ? round( ( $mobile_pages / $total_pages ) * 100 ) : 0;
+        } else {
+            // Database mode - count pages with mobile heatmap data
+            // A page has "mobile heatmap" if it has any mobile events (17, 33, 49)
+            // phpcs:ignore WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- Table name from $wpdb->prefix
+            $mobile_pages = $wpdb->get_var(
+                "SELECT COUNT(DISTINCT page_id2)
+                FROM {$wpdb->prefix}optibehavior_events
+                WHERE event IN (17, 33, 49)"
+            );
+            // Total pages with any heatmap events
+            // phpcs:ignore WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- Table name from $wpdb->prefix
+            $total_pages = $wpdb->get_var(
+                "SELECT COUNT(DISTINCT page_id2)
+                FROM {$wpdb->prefix}optibehavior_events
+                WHERE event IN (16, 17, 32, 33, 48, 49)"
+            );
+            $mobile_percentage = $total_pages > 0 ? round( ( $mobile_pages / $total_pages ) * 100 ) : 0;
+        }
+        // Mobile change - compare THIS WEEK vs ALL TIME mobile page percentage
+        // This shows how this week's mobile traffic compares to the overall average
+        // Calculate this week's mobile percentage
+        $this_week_mobile_pages = $wpdb->get_var( $wpdb->prepare(
+            "SELECT COUNT(DISTINCT page_id2)
             FROM {$wpdb->prefix}optibehavior_events
+            WHERE event IN (16, 17)
+            AND insert_at BETWEEN %s AND %s",
+            $two_weeks_ago,
+            $week_ago
+        ));
+        $clicks_growth = $last_week_clicks > 0 ?
+            round((($this_week_clicks - $last_week_clicks) / $last_week_clicks) * 100) : 0;
+        // Mobile percentage (event 17 = mobile clicks, event 16 = PC clicks)
+        // phpcs:ignore WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- Table name from $wpdb->prefix, event number is hardcoded integer
+        $mobile_clicks = $wpdb->get_var(
+            "SELECT COUNT(*)
+            FROM {$wpdb->prefix}optibehavior_events
+            WHERE event = 17"
+        );
+        // phpcs:ignore WordPress.DB.PreparedSQL.InterpolatedNotPrepared -- Table name from $wpdb->prefix, event number is hardcoded integer
+        $pc_clicks = $wpdb->get_var(
+            "SELECT COUNT(*)
+            FROM {$wpdb->prefix}optibehavior_events
+            WHERE event = 16"
+        );
+        $total_device_clicks = $mobile_clicks + $pc_clicks;
+        $mobile_percentage = $total_device_clicks > 0 ?
+            round(($mobile_clicks / $total_device_clicks) * 100) : 0;
+        // Mobile change (this week vs last week)
+        $this_week_mobile = $wpdb->get_var( $wpdb->prepare(
+            "SELECT COUNT(*)
+            FROM {$wpdb->prefix}optibehavior_events
+            WHERE event = 17
+            WHERE event IN (17, 33, 49)
             AND insert_at >= %s",
             $week_ago
         ));
         $this_week_total = $wpdb->get_var( $wpdb->prepare(
             "SELECT COUNT(*)
+        $this_week_total_pages = $wpdb->get_var( $wpdb->prepare(
+            "SELECT COUNT(DISTINCT page_id2)
             FROM {$wpdb->prefix}optibehavior_events
             WHERE event IN (16, 17)
+            WHERE event IN (16, 17, 32, 33, 48, 49)
             AND insert_at >= %s",
             $week_ago
         ));
+        $this_week_mobile_pct = $this_week_total > 0 ?
+            round(($this_week_mobile / $this_week_total) * 100) : 0;
+        $this_week_mobile_pct = $this_week_total_pages > 0 ? round( ( $this_week_mobile_pages / $this_week_total_pages ) * 100 ) : 0;
+        // Calculate the change: this week's mobile % compared to all-time mobile %
+        // Positive means this week has MORE mobile traffic than overall average
+        // Negative means this week has LESS mobile traffic than overall average
         $mobile_change = $this_week_mobile_pct - $mobile_percentage;
 …
         $avg_time = $avg_time ? intval($avg_time) : 0;
+        // Time improvement (this week vs last week)
+        // Calculate total duration / total page views for each period
+        // Time improvement (this week vs all time average)
         $this_week_avg_time = $wpdb->get_var( $wpdb->prepare(
             "SELECT ROUND(SUM(duration) / SUM(page_views))
 …
         ));
+        $last_week_avg_time = $wpdb->get_var( $wpdb->prepare(
+            "SELECT ROUND(SUM(duration) / SUM(page_views))
+            FROM {$wpdb->prefix}optibehavior_sessions
+            WHERE duration > 0 AND page_views > 0
+            AND start_time BETWEEN %s AND %s",
+            $two_weeks_ago,
+            $week_ago
+        ));
+        $time_improvement = ($last_week_avg_time > 0 && $this_week_avg_time > 0) ?
+            round((($this_week_avg_time - $last_week_avg_time) / $last_week_avg_time) * 100) : 0;
+        // Compare this week's avg time to all-time avg time
+        $time_improvement = ($avg_time > 0 && $this_week_avg_time > 0) ?
+            round((($this_week_avg_time - $avg_time) / $avg_time) * 100) : 0;
         // Hottest page (page with most clicks)
 …
         $hottest_page_name = $hottest_page ? $hottest_page->title : 'No data';
+        // Conversion rate (pages with clicks vs total pageviews)
+        $pages_with_clicks = $wpdb->get_var(
+            "SELECT COUNT(DISTINCT page_id2)
+        // Click-through Rate (CTR) - all time
+        // CTR = (total clicks / total pageviews) * 100
+        // This shows what % of pageviews resulted in a click
+        $total_ctr_clicks = $wpdb->get_var(
+            "SELECT COUNT(*)
             FROM {$wpdb->prefix}optibehavior_events
             WHERE event IN (16, 17)"
 …
         $conversion_rate = $total_pageviews > 0 ?
             round(($pages_with_clicks / $total_pageviews) * 100, 1) : 0;
         // CTR improvement (this month vs last month)
         $this_month_clicks = $wpdb->get_var( $wpdb->prepare(
+            round(($total_ctr_clicks / $total_pageviews) * 100, 1) : 0;
+        // CTR improvement (this week vs all time)
+        $this_week_ctr_clicks = $wpdb->get_var( $wpdb->prepare(
             "SELECT COUNT(*)
             FROM {$wpdb->prefix}optibehavior_events
             WHERE event IN (16, 17)
             AND insert_at >= %s",
             $month_ago
+            $week_ago
         ));
         $this_month_views = $wpdb->get_var( $wpdb->prepare(
+        $this_week_views = $wpdb->get_var( $wpdb->prepare(
             "SELECT COUNT(*)
             FROM {$wpdb->prefix}optibehavior_pageviews
             WHERE view_time >= %s",
             $month_ago
+            $week_ago
         ));
+        $this_month_ctr = $this_month_views > 0 ?
+            ($this_month_clicks / $this_month_views) * 100 : 0;
+        $this_week_ctr = $this_week_views > 0 ?
+            round(($this_week_ctr_clicks / $this_week_views) * 100, 1) : 0;
+        // Compare this week's CTR to all-time CTR
         $ctr_improvement = $conversion_rate > 0 ?
             round($this_month_ctr - $conversion_rate) : 0;
+            round((($this_week_ctr - $conversion_rate) / $conversion_rate) * 100) : 0;
         return array(
 …
             $allowed_map = array(
                 'interactions' => 'interactions',
                 'sessions'     => 'sessions',
+                'sessions'     => 'COALESCE(s.sessions,0)',
                 'last_updated' => 'last_event_time'
             );
 …
             // else branch begins
                 $pages_table = $wpdb->prefix . 'optibehavior_pages';
+                $events_table = $wpdb->prefix . 'optibehavior_events';
                 $pageviews_table = $wpdb->prefix . 'optibehavior_pageviews';
                 // Aggregated current slice with sessions via subquery (leverages url index)
                 $date_filter_events = ($start_date && $end_date) ? " AND e.insert_at BETWEEN %s AND %s" : '';
                 $date_filter_pv     = ($start_date && $end_date) ? " WHERE pv.view_time BETWEEN %s AND %s" : '';
+                $select_sessions = ($order_by_sql === 'sessions') ? ", COALESCE(s.sessions,0) AS sessions" : "";
+                $join_sessions = ($order_by_sql === 'sessions') ? " LEFT JOIN (SELECT pv.page_id, COUNT(DISTINCT pv.session_id) AS sessions FROM {$pageviews_table} pv{$date_filter_pv} GROUP BY pv.page_id) s ON s.page_id = p.id" : "";
+                // Always include sessions in the query, not just when ordering by sessions
+            $select_sessions = ", COALESCE(s.sessions,0) AS sessions";
+                $join_sessions = " LEFT JOIN (SELECT pv.page_id, COUNT(DISTINCT pv.session_id) AS sessions FROM {$pageviews_table} pv{$date_filter_pv} GROUP BY pv.page_id) s ON s.page_id = p.id";
                 $sql =
                 "SELECT p.id, p.title, p.url,
 …
             $params = array();
             if ($start_date && $end_date) { $params[] = $start_date; $params[] = $end_date; }
+            if ($order_by_sql === 'sessions' && $start_date && $end_date) { $params[] = $start_date; $params[] = $end_date; }
+            // Always add date params for sessions join when date filter is active (since we always join now)
+            if ($start_date && $end_date) { $params[] = $start_date; $params[] = $end_date; }
             $params[] = $per_page; $params[] = $offset;
             // phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared,WordPress.DB.PreparedSQL.InterpolatedNotPrepared,PluginCheck.Security.DirectDB.UnescapedDBParameter -- Table names are prefixed safely, ORDER BY/direction are validated, all user inputs properly parameterized
 …
                         'url' => $row->url,
                         'interactions' => (int)$total_interactions,
                         'sessions' => 0, // placeholder; lazy update
+                        'sessions' => isset($row->sessions) ? (int)$row->sessions : 0,
                         'mobile_percentage' => (int)$mobile_percentage,
                         'last_updated' => $last_updated,
 …
+            }
+            // If sorting by sessions, we need to fetch sessions data first
+            $sessions_map_for_sort = array();
+            if ( $orderby === 'sessions' ) {
+                // Get all page IDs
+                $all_page_ids = array_map( function( $page ) {
+                    return $page['page_id'];
+                }, $pages_data );
+                // Fetch sessions for all pages before sorting
+                $sessions_map_for_sort = $this->batch_sessions_counts_by_page( $all_page_ids, $start_date, $end_date );
+                // Add sessions data to pages_data array
+                foreach ( $pages_data as &$page_data ) {
+                    $page_data['sessions'] = isset( $sessions_map_for_sort[ $page_data['page_id'] ] ) ? (int)$sessions_map_for_sort[ $page_data['page_id'] ] : 0;
+                }
+                unset( $page_data ); // Break reference
+            }
             // Sort based on orderby parameter
             $order_lower = strtolower( $order );
 …
                 switch ( $orderby ) {
+                    case 'clicks':
+                    case 'interactions':
+                    // Sum all interaction types
+                    $val_a = ( $a['click_pc'] + $a['click_mobile'] + $a['breakaway_pc'] + $a['breakaway_mobile'] + $a['attention_pc'] + $a['attention_mobile'] );
+                    $val_b = ( $b['click_pc'] + $b['click_mobile'] + $b['breakaway_pc'] + $b['breakaway_mobile'] + $b['attention_pc'] + $b['attention_mobile'] );
+                    break;
+                case 'sessions':
+                    $val_a = isset( $a['sessions'] ) ? (int)$a['sessions'] : 0;
+                    $val_b = isset( $b['sessions'] ) ? (int)$b['sessions'] : 0;
+                    break;
+                case 'clicks':
                         $val_a = ( $a['click_pc'] + $a['click_mobile'] );
                         $val_b = ( $b['click_pc'] + $b['click_mobile'] );
 …
                 $rows[] = array(
+                    'page_id' => $page_id,
+                    'id' => $page_id,  // Use 'id' to match template expectations
+                'page_id' => $page_id,
                     'title' => $title,
                     'url' => $url,
 …
                     'type_icon' => $type_icon,
                     'clicks' => $total_clicks,
                     'interactions' => $total_clicks, // Total interactions (same as clicks for now)
+                    'interactions' => $total_clicks + $total_breakaway + $total_attention, // Sum ALL interaction types
                     'sessions' => $session_count,
                     'status' => $status,
 …
         $two_weeks_ago = gmdate('Y-m-d', strtotime('-14 days'));
+        // Top performing pages by clicks
+        // Top performing pages by pageviews (more reliable than clicks)
+        // Try pageviews first
         // phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- Static query with prepare
         $top_pages_query = "SELECT
+            p.title,
+            p.url,
+            COUNT(*) as clicks,
+            COUNT(CASE WHEN e.insert_at >= %s THEN 1 END) as recent_clicks,
+            COUNT(CASE WHEN e.insert_at BETWEEN %s AND %s THEN 1 END) as previous_clicks
+        FROM {$wpdb->prefix}optibehavior_events e
+        LEFT JOIN {$wpdb->prefix}optibehavior_pages p ON e.page_id2 = p.id
+        WHERE e.event IN (16, 17)
+        GROUP BY e.page_id2
+        ORDER BY clicks DESC
+            COALESCE(NULLIF(pv.title, ''), 'Untitled Page') as title,
+            pv.url,
+            COUNT(DISTINCT pv.session_id) as views,
+            COUNT(DISTINCT CASE WHEN pv.view_time >= %s THEN pv.session_id END) as recent_views,
+            COUNT(DISTINCT CASE WHEN pv.view_time BETWEEN %s AND %s THEN pv.session_id END) as previous_views
+        FROM {$wpdb->prefix}optibehavior_pageviews pv
+        WHERE pv.view_time IS NOT NULL AND pv.url IS NOT NULL AND pv.url != ''
+        GROUP BY pv.url
+        ORDER BY views DESC
         LIMIT 5";
 …
         ));
+        // If no pageviews data, fallback to events data
+        if ( empty( $top_pages_results ) ) {
+            // phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- Static query
+            $top_pages_query_fallback = "SELECT
+                COALESCE(NULLIF(p.title, ''), 'Untitled Page') as title,
+                p.url,
+                COUNT(*) as views,
+as recent_views,
+as previous_views
+            FROM {$wpdb->prefix}optibehavior_events e
+            JOIN {$wpdb->prefix}optibehavior_pages p ON e.page_id2 = p.id
+            WHERE p.url IS NOT NULL AND p.url != ''
+            GROUP BY p.url
+            ORDER BY views DESC
+            LIMIT 5";
+            // phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared -- Static query
+            $top_pages_results = $wpdb->get_results( $top_pages_query_fallback );
+        }
         $top_pages = array();
         foreach ($top_pages_results as $page) {
 …
             $change = 0;
             if ($page->previous_clicks > 0) {
                 $change = round((($page->recent_clicks - $page->previous_clicks) / $page->previous_clicks) * 100);
+            if ($page->previous_views > 0) {
+                $change = round((($page->recent_views - $page->previous_views) / $page->previous_views) * 100);
                 if ($change > 0) {
                     $trend = 'positive';
 …
                     $trend_icon = '📉';
+                }
             } elseif ($page->recent_clicks > 0) {
+            } elseif ($page->recent_views > 0) {
                 $trend = 'positive';
                 $trend_icon = '📈';
 …
                 'title' => $title,
                 'url' => $page->url,
                 'clicks' => intval($page->clicks),
+                'clicks' => intval($page->views),
                 'trend' => $trend,
                 'trend_icon' => $trend_icon,
 …
         );
         // If no events data, fall back to session pages (page views).
+        // If no events data, fall back to pageviews table (page views).
         if ( empty( $results ) ) {
             // Get top pages from session_pages table (page views).
+            // Get top pages from pageviews table (page views).
             // phpcs:ignore WordPress.DB.DirectDatabaseQuery
             $results = $wpdb->get_results(
                 $wpdb->prepare(
                     "SELECT p.id as page_id, p.url, p.title, COUNT(*) as interactions
                     FROM {$wpdb->prefix}optibehavior_session_pages sp
                     LEFT JOIN {$wpdb->prefix}optibehavior_pages p ON sp.page_id = p.id
                     WHERE sp.visited_at BETWEEN %s AND %s
+                    FROM {$wpdb->prefix}optibehavior_pageviews pv
+                    LEFT JOIN {$wpdb->prefix}optibehavior_pages p ON pv.page_id = p.id
+                    WHERE pv.view_time BETWEEN %s AND %s
                     GROUP BY p.id
                     ORDER BY interactions DESC
 …
                 $results = $wpdb->get_results(
                     "SELECT p.id as page_id, p.url, p.title, COUNT(*) as interactions
                     FROM {$wpdb->prefix}optibehavior_session_pages sp
                     LEFT JOIN {$wpdb->prefix}optibehavior_pages p ON sp.page_id = p.id
+                    FROM {$wpdb->prefix}optibehavior_pageviews pv
+                    LEFT JOIN {$wpdb->prefix}optibehavior_pages p ON pv.page_id = p.id
                     GROUP BY p.id
                     ORDER BY interactions DESC
 …
+        }
+        // Final fallback: try events table without date filter if we still have no results.
+        // Use all events, not just specific types, to ensure we capture all data.
+        if ( empty( $results ) ) {
+            // phpcs:ignore WordPress.DB.DirectDatabaseQuery
+            $results = $wpdb->get_results(
+                "SELECT p.id as page_id, p.url, p.title, COUNT(*) as interactions
+                FROM {$wpdb->prefix}optibehavior_events e
+                LEFT JOIN {$wpdb->prefix}optibehavior_pages p ON e.page_id2 = p.id
+                WHERE p.id IS NOT NULL
+                GROUP BY p.id
+                ORDER BY interactions DESC
+                LIMIT 5"
+            );
+        }
         if ( empty( $results ) ) {
             return array();
 …
             // Get click counts (events 16,17) for current and previous periods for the same pages.
+            // Try page_id2 first, then fall back to page_id for compatibility
             // phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared
             $sql = "
+                SELECT e.page_id2 AS page_id,
+                    SUM( CASE WHEN e.insert_at BETWEEN %s AND %s THEN 1 ELSE 0 END ) AS current_clicks,
+                    SUM( CASE WHEN e.insert_at BETWEEN %s AND %s THEN 1 ELSE 0 END ) AS previous_clicks
+                SELECT COALESCE(e.page_id2, e.page_id) AS page_id,
+                    COUNT(*) AS current_clicks
                 FROM {$wpdb->prefix}optibehavior_events e
                 WHERE e.event IN (16,17)
                     AND e.page_id2 IN ( $placeholders )
                 GROUP BY e.page_id2
+                    AND (e.page_id2 IN ( $placeholders ) OR e.page_id IN ( $placeholders ))
+                GROUP BY COALESCE(e.page_id2, e.page_id)
             ";
             $params   = array( $start_date, $end_date, $prev_start, $prev_end );
             $params   = array_merge( $params, $page_ids );
+            // No date params needed for all-time click count
+            $params   = array_merge( $page_ids, $page_ids );
             // phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared
 …
                 $page_id  = intval( $row->page_id );
                 $current   = intval( $row->current_clicks );
                 $previous  = intval( $row->previous_clicks );
+                $previous  = 0; // No previous period comparison for all-time clicks
                 $click_stats[ $page_id ] = array(
                     'current'  => $current,
 …
             // Get interactions for previous period for trend on heatmap views.
+            // Try page_id2 first, then fall back to page_id for compatibility
             // phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared
             $sql_prev = "
                 SELECT e.page_id2 AS page_id,
+                SELECT COALESCE(e.page_id2, e.page_id) AS page_id,
                     COUNT(*) AS previous_views
                 FROM {$wpdb->prefix}optibehavior_events e
                 WHERE e.insert_at BETWEEN %s AND %s
                     AND e.event IN (16,17,32,33,48,49)
                     AND e.page_id2 IN ( $placeholders )
                 GROUP BY e.page_id2
+                    AND (e.page_id2 IN ( $placeholders ) OR e.page_id IN ( $placeholders ))
+                GROUP BY COALESCE(e.page_id2, e.page_id)
             ";
             $params_prev   = array( $prev_start, $prev_end );
             $params_prev   = array_merge( $params_prev, $page_ids );
+            $params_prev   = array_merge( $params_prev, $page_ids, $page_ids );
             // phpcs:ignore WordPress.DB.PreparedSQL.NotPrepared

opti-behavior/trunk/admin/class-opti-behavior-heatmap-post-metabox.php

-                      r3399182
+                      r3401441
         add_action( 'wp_ajax_optibehavior_post_analytics', array( $this, 'ajax_post_analytics' ) );
         add_action( 'wp_ajax_optibehavior_post_timeseries', array( $this, 'ajax_post_timeseries' ) );
+        add_action( 'wp_ajax_optibehavior_post_analytics_chart', array( $this, 'ajax_post_analytics_chart' ) );
         add_action( 'wp_ajax_optibehavior_post_referrers', array( $this, 'ajax_post_referrers' ) );
         add_action( 'wp_ajax_optibehavior_post_outbound_clicks', array( $this, 'ajax_post_outbound_clicks' ) );
+        add_action( 'wp_ajax_optibehavior_post_countries', array( $this, 'ajax_post_countries' ) );
+        add_action( 'wp_ajax_optibehavior_post_browsers', array( $this, 'ajax_post_browsers' ) );
+        add_action( 'wp_ajax_optibehavior_post_devices', array( $this, 'ajax_post_devices' ) );
+    }
 …
         add_meta_box(
             'optibehavior_editor_analytics',
             '<i data-lucide="flame" style="width:16px;height:16px;vertical-align:middle;margin-right:4px;"></i>' . __( 'Heatmap Analytics', 'opti-behavior' ),
+            '<i data-lucide="flame" style="width:16px;height:16px;vertical-align:middle;margin-right:4px;"></i>' . __( 'Post Analytics', 'opti-behavior' ),
             array( $this, 'render_editor_analytics_box' ),
             array( 'post', 'page' ),
 …
                         <div class="optibehavior-behavior-stats">
                             <div class="optibehavior-behavior-stat">
+                                <div class="optibehavior-behavior-label"><?php echo esc_html__( 'Avg Time on Page', 'opti-behavior' ); ?></div>
+                                <div class="optibehavior-behavior-value" id="optibehavior-avg">—</div>
+                                <div class="optibehavior-behavior-label">
+                                    <i data-lucide="clock" style="width:14px;height:14px;margin-right:4px;vertical-align:middle;"></i>
+                                    <?php echo esc_html__( 'Avg Time on Page', 'opti-behavior' ); ?>
+                                </div>
+                                <div class="optibehavior-behavior-value">
+                                    <span class="optibehavior-stat-badge" id="optibehavior-avg">—</span>
+                                </div>
                             </div>
                             <div class="optibehavior-behavior-stat">
+                                <div class="optibehavior-behavior-label"><?php echo esc_html__( 'Total Interactions', 'opti-behavior' ); ?></div>
+                                <div class="optibehavior-behavior-value" id="optibehavior-int">—</div>
+                                <div class="optibehavior-behavior-label">
+                                    <i data-lucide="mouse-pointer-click" style="width:14px;height:14px;margin-right:4px;vertical-align:middle;"></i>
+                                    <?php echo esc_html__( 'Total Interactions', 'opti-behavior' ); ?>
+                                </div>
+                                <div class="optibehavior-behavior-value">
+                                    <span class="optibehavior-stat-badge" id="optibehavior-int">—</span>
+                                </div>
                             </div>
                             <div class="optibehavior-behavior-stat">
+                                <div class="optibehavior-behavior-label"><?php echo esc_html__( 'Device Split', 'opti-behavior' ); ?></div>
+                                <div class="optibehavior-behavior-label">
+                                    <i data-lucide="arrow-down" style="width:14px;height:14px;margin-right:4px;vertical-align:middle;"></i>
+                                    <?php echo esc_html__( 'Avg. Scroll Depth', 'opti-behavior' ); ?>
+                                </div>
+                                <div class="optibehavior-behavior-value">
+                                    <span class="optibehavior-stat-badge" id="optibehavior-scroll">—</span>
+                                </div>
+                            </div>
+                            <div class="optibehavior-behavior-stat">
+                                <div class="optibehavior-behavior-label">
+                                    <i data-lucide="log-out" style="width:14px;height:14px;margin-right:4px;vertical-align:middle;"></i>
+                                    <?php echo esc_html__( 'Bounce Rate', 'opti-behavior' ); ?>
+                                </div>
+                                <div class="optibehavior-behavior-value">
+                                    <span class="optibehavior-stat-badge" id="optibehavior-bounce">—</span>
+                                </div>
+                            </div>
+                            <div class="optibehavior-behavior-stat">
+                                <div class="optibehavior-behavior-label">
+                                    <i data-lucide="monitor-smartphone" style="width:14px;height:14px;margin-right:4px;vertical-align:middle;"></i>
+                                    <?php echo esc_html__( 'Device Split', 'opti-behavior' ); ?>
+                                </div>
                                 <div class="optibehavior-behavior-value" id="optibehavior-split">—</div>
                             </div>
                             <div class="optibehavior-behavior-stat">
+                                <div class="optibehavior-behavior-label"><?php echo esc_html__( 'Last Updated', 'opti-behavior' ); ?></div>
+                                <div class="optibehavior-behavior-label">
+                                    <i data-lucide="refresh-cw" style="width:14px;height:14px;margin-right:4px;vertical-align:middle;"></i>
+                                    <?php echo esc_html__( 'Last Updated', 'opti-behavior' ); ?>
+                                </div>
                                 <div class="optibehavior-behavior-value" id="optibehavior-upd">—</div>
                             </div>
 …
             </div>
+            <!-- New Analytics Row: Countries, Browsers, Device Types -->
+            <div class="optibehavior-analytics-grid optibehavior-secondary-grid">
+                <!-- Countries Column -->
+                <div class="optibehavior-analytics-column optibehavior-countries-column">
+                    <div class="optibehavior-column-header">
+                        <div class="optibehavior-column-icon"><i data-lucide="globe" style="width:18px;height:18px;"></i></div>
+                        <h3 class="optibehavior-column-title"><?php echo esc_html__( 'Countries', 'opti-behavior' ); ?></h3>
+                    </div>
+                    <div class="optibehavior-column-content">
+                        <div id="optibehavior-countries-content">
+                            <div id="optibehavior-countries-table" class="optibehavior-scroll-area"></div>
+                            <div id="optibehavior-countries-empty" class="optibehavior-empty-state">
+                                <i data-lucide="globe" style="width: 48px; height: 48px; color: #9ca3af; stroke-width: 1.5;"></i>
+                                <div class="optibehavior-empty-title"><?php echo esc_html__( 'No country data available', 'opti-behavior' ); ?></div>
+                                <div class="optibehavior-empty-sub"><?php echo esc_html__( 'Data will appear once visitors access this page.', 'opti-behavior' ); ?></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Browsers Column -->
+                <div class="optibehavior-analytics-column optibehavior-browsers-column">
+                    <div class="optibehavior-column-header">
+                        <div class="optibehavior-column-icon"><i data-lucide="compass" style="width:18px;height:18px;"></i></div>
+                        <h3 class="optibehavior-column-title"><?php echo esc_html__( 'Browsers', 'opti-behavior' ); ?></h3>
+                    </div>
+                    <div class="optibehavior-column-content">
+                        <div id="optibehavior-browsers-content">
+                            <div id="optibehavior-browsers-table" class="optibehavior-scroll-area"></div>
+                            <div id="optibehavior-browsers-empty" class="optibehavior-empty-state">
+                                <i data-lucide="compass" style="width: 48px; height: 48px; color: #9ca3af; stroke-width: 1.5;"></i>
+                                <div class="optibehavior-empty-title"><?php echo esc_html__( 'No browser data available', 'opti-behavior' ); ?></div>
+                                <div class="optibehavior-empty-sub"><?php echo esc_html__( 'Data will appear once visitors access this page.', 'opti-behavior' ); ?></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Device Types Column -->
+                <div class="optibehavior-analytics-column optibehavior-devices-column">
+                    <div class="optibehavior-column-header">
+                        <div class="optibehavior-column-icon"><i data-lucide="monitor-smartphone" style="width:18px;height:18px;"></i></div>
+                        <h3 class="optibehavior-column-title"><?php echo esc_html__( 'Device Types', 'opti-behavior' ); ?></h3>
+                    </div>
+                    <div class="optibehavior-column-content">
+                        <div id="optibehavior-devices-content">
+                            <div id="optibehavior-devices-table" class="optibehavior-scroll-area"></div>
+                            <div id="optibehavior-devices-empty" class="optibehavior-empty-state">
+                                <i data-lucide="monitor-smartphone" style="width: 48px; height: 48px; color: #9ca3af; stroke-width: 1.5;"></i>
+                                <div class="optibehavior-empty-title"><?php echo esc_html__( 'No device data available', 'opti-behavior' ); ?></div>
+                                <div class="optibehavior-empty-sub"><?php echo esc_html__( 'Data will appear once visitors access this page.', 'opti-behavior' ); ?></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
             <!-- Controls Row -->
             <div class="optibehavior-controls-row">
 …
                     </div>
                 </div>
+                <canvas id="optibehavior-chart" height="110"></canvas>
+                <div id="optibehavior-empty" class="optibehavior-empty"><?php echo esc_html__( 'No heatmap data yet for this page.', 'opti-behavior' ); ?></div>
+                <div id="optibehavior-chart-loading" class="optibehavior-loading-state" style="display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 20px; gap: 12px;">
+                    <span class="spinner is-active"></span>
+                    <span style="color: #64748b; font-size: 14px;"><?php echo esc_html__( 'Loading analytics data...', 'opti-behavior' ); ?></span>
+                </div>
+                <canvas id="optibehavior-chart" height="280" style="display: none;"></canvas>
+                <div id="optibehavior-empty" class="optibehavior-empty" style="display: none;"><?php echo esc_html__( 'No heatmap data yet for this page.', 'opti-behavior' ); ?></div>
             </div>
         </div>
 …
     public function ajax_post_analytics() {
         if ( ! isset( $_POST['post_id'] ) ) {
             wp_send_json_error();
+            wp_send_json_error( array( 'message' => 'No post_id provided' ) );
+        }
 …
         if ( ! current_user_can( 'edit_post', $post_id ) ) {
             wp_send_json_error();
+            wp_send_json_error( array( 'message' => 'Permission denied' ) );
+        }
 …
         $url = get_permalink( $post_id );
         if ( ! $url ) {
+            wp_send_json_error();
+        }
+        // Get PC clicks
+        $pc = intval( $wpdb->get_var( $wpdb->prepare(
+            wp_send_json_error( array( 'message' => 'No permalink found' ) );
+        }
+        // Get page_id for this URL (needed for file storage)
+        $page_id_for_events = $wpdb->get_var( $wpdb->prepare(
+            "SELECT id FROM {$wpdb->prefix}optibehavior_pages WHERE url=%s LIMIT 1",
+            $url
+        ) );
+        // If exact match not found, try with trailing slash variations
+        if ( ! $page_id_for_events ) {
+            $url_alt = rtrim( $url, '/' ) . '/';
+            if ( $url_alt === $url ) {
+                $url_alt = rtrim( $url, '/' );
+            }
+            $page_id_for_events = $wpdb->get_var( $wpdb->prepare(
+                "SELECT id FROM {$wpdb->prefix}optibehavior_pages WHERE url=%s LIMIT 1",
+                $url_alt
+            ) );
+        }
+        // Check storage mode
+        $file_storage = $this->core->get_file_storage();
+        $storage_settings = $file_storage ? $file_storage->get_settings() : array( 'storage_mode' => 'database' );
+        $is_file_storage = ( $storage_settings['storage_mode'] === 'file' && $file_storage && $page_id_for_events );
+        // Get PC clicks - use URL-based filtering to ensure all events are counted
+        if ( $is_file_storage && $page_id_for_events ) {
+            $pc = intval( $file_storage->count_events( $page_id_for_events, 16 ) );
+        } else {
+            $pc = 0;
+        }
+        // Always verify with database query for consistency
+        $pc_db = intval( $wpdb->get_var( $wpdb->prepare(
             "SELECT COUNT(*) FROM {$wpdb->prefix}optibehavior_events e JOIN {$wpdb->prefix}optibehavior_pages p ON e.page_id2=p.id WHERE e.event=16 AND (p.url=%s OR p.url LIKE %s)",
             $url, $url . '%' ) ) );
+        // Get mobile clicks
+        $mb = intval( $wpdb->get_var( $wpdb->prepare(
+        $pc = max( $pc, $pc_db );
+        // Get mobile clicks - use URL-based filtering to ensure all events are counted
+        if ( $is_file_storage && $page_id_for_events ) {
+            $mb = intval( $file_storage->count_events( $page_id_for_events, 17 ) );
+        } else {
+            $mb = 0;
+        }
+        // Always verify with database query for consistency
+        $mb_db = intval( $wpdb->get_var( $wpdb->prepare(
             "SELECT COUNT(*) FROM {$wpdb->prefix}optibehavior_events e JOIN {$wpdb->prefix}optibehavior_pages p ON e.page_id2=p.id WHERE e.event=17 AND (p.url=%s OR p.url LIKE %s)",
             $url, $url . '%' ) ) );
+        $mb = max( $mb, $mb_db );
         $total = $pc + $mb;
+        // Note: Outbound clicks are already included in PC/MB event counts (events 16/17)
+        // The optibehavior_outbound_clicks table tracks WHERE users clicked (which links)
+        // but the click events themselves are recorded in the events table as event 16 or 17
         // Get average time on page - try multiple approaches
 …
+        }
+        // Get last updated timestamp
+        $last_updated = $wpdb->get_var( $wpdb->prepare(
+            "SELECT MAX(e.insert_at) FROM {$wpdb->prefix}optibehavior_events e JOIN {$wpdb->prefix}optibehavior_pages p ON e.page_id2=p.id WHERE p.url=%s OR p.url LIKE %s",
+        // Get last updated timestamp from multiple sources
+        $last_from_events = null;
+        if ( $is_file_storage ) {
+            // Get latest event from file storage
+            $pc_events = $file_storage->read_events( $page_id_for_events, 16, 1 );
+            $mb_events = $file_storage->read_events( $page_id_for_events, 17, 1 );
+            $pc_time = ! empty( $pc_events ) && isset( $pc_events[0]['insert_at'] ) ? $pc_events[0]['insert_at'] : null;
+            $mb_time = ! empty( $mb_events ) && isset( $mb_events[0]['insert_at'] ) ? $mb_events[0]['insert_at'] : null;
+            if ( $pc_time && $mb_time ) {
+                $last_from_events = ( strtotime( $pc_time ) > strtotime( $mb_time ) ) ? $pc_time : $mb_time;
+            } elseif ( $pc_time ) {
+                $last_from_events = $pc_time;
+            } elseif ( $mb_time ) {
+                $last_from_events = $mb_time;
+            }
+        } else {
+            $last_from_events = $wpdb->get_var( $wpdb->prepare(
+                "SELECT MAX(e.insert_at) FROM {$wpdb->prefix}optibehavior_events e JOIN {$wpdb->prefix}optibehavior_pages p ON e.page_id2=p.id WHERE p.url=%s OR p.url LIKE %s",
+                $url, $url . '%' ) );
+        }
+        $last_from_pageviews = $wpdb->get_var( $wpdb->prepare(
+            "SELECT MAX(view_time) FROM {$wpdb->prefix}optibehavior_pageviews WHERE url=%s OR url LIKE %s",
             $url, $url . '%' ) );
+        $last_from_outbound = null;
+        if ( $page_id_for_events ) {
+            $last_from_outbound = $wpdb->get_var( $wpdb->prepare(
+                "SELECT MAX(created_at) FROM {$wpdb->prefix}optibehavior_outbound_clicks WHERE page_id=%d",
+                $page_id_for_events
+            ) );
+        }
+        // Get the most recent timestamp from all sources
+        $timestamps = array_filter( array( $last_from_events, $last_from_pageviews, $last_from_outbound ) );
+        $last_updated_raw = ! empty( $timestamps ) ? max( $timestamps ) : null;
+        // Format the timestamp for display
+        $last_updated = null;
+        if ( $last_updated_raw ) {
+            $diff = current_time( 'timestamp' ) - strtotime( $last_updated_raw );
+            if ( $diff < 60 ) {
+                $last_updated = __( 'Just now', 'opti-behavior' );
+            } elseif ( $diff < 3600 ) {
+                /* translators: %d: number of minutes */
+                $last_updated = sprintf( __( '%d min ago', 'opti-behavior' ), floor( $diff / 60 ) );
+            } elseif ( $diff < 86400 ) {
+                /* translators: %d: number of hours */
+                $last_updated = sprintf( __( '%d hours ago', 'opti-behavior' ), floor( $diff / 3600 ) );
+            } else {
+                /* translators: %d: number of days */
+                $last_updated = sprintf( __( '%d days ago', 'opti-behavior' ), floor( $diff / 86400 ) );
+            }
+        }
         $mobile_pct = $total > 0 ? round( ( $mb / $total ) * 100 ) : 0;
+        // Get average scroll depth
+        $avg_scroll_depth = intval( $wpdb->get_var( $wpdb->prepare(
+            "SELECT AVG(scroll_depth) FROM {$wpdb->prefix}optibehavior_pageviews
+             WHERE (url=%s OR url LIKE %s) AND scroll_depth > 0",
+            $url, $url . '%' ) ) );
+        // Get bounce rate - sessions with only 1 pageview
+        $total_sessions = intval( $wpdb->get_var( $wpdb->prepare(
+            "SELECT COUNT(DISTINCT pv.session_id) FROM {$wpdb->prefix}optibehavior_pageviews pv
+             WHERE (pv.url=%s OR pv.url LIKE %s)",
+            $url, $url . '%' ) ) );
+        $bounced_sessions = intval( $wpdb->get_var( $wpdb->prepare(
+            "SELECT COUNT(DISTINCT pv.session_id) FROM {$wpdb->prefix}optibehavior_pageviews pv
+             WHERE (pv.url=%s OR pv.url LIKE %s)
+               AND pv.session_id IN (
+                   SELECT session_id FROM {$wpdb->prefix}optibehavior_pageviews
+                   GROUP BY session_id
+                   HAVING COUNT(*) = 1
+               )",
+            $url, $url . '%' ) ) );
+        $bounce_rate = $total_sessions > 0 ? round( ( $bounced_sessions / $total_sessions ) * 100 ) : 0;
         // Get page ID for heatmap viewing URLs using the analytics class method
 …
             'mobile_clicks' => $mb,
             'avg_time' => $avg_time,
+            'avg_scroll_depth' => $avg_scroll_depth,
+            'bounce_rate' => $bounce_rate,
             'mobile_pct' => $mobile_pct,
             'last_updated' => $last_updated,
 …
     /**
+     * AJAX handler for enhanced post analytics chart data.
+     * Returns Total Visitors, Desktop Visitors, Desktop Events, Mobile Visitors, Mobile Events.
+     *
+     * @since 1.0.3
+     */
+    public function ajax_post_analytics_chart() {
+        if ( ! isset( $_POST['post_id'] ) ) {
+            wp_send_json_error( array( 'message' => 'No post_id provided' ) );
+        }
+        $post_id = intval( $_POST['post_id'] );
+        check_ajax_referer( 'optibehavior_post_analytics_' . $post_id, 'nonce' );
+        if ( ! current_user_can( 'edit_post', $post_id ) ) {
+            wp_send_json_error( array( 'message' => 'Permission denied' ) );
+        }
+        global $wpdb;
+        $url = get_permalink( $post_id );
+        if ( ! $url ) {
+            wp_send_json_error( array( 'message' => 'No permalink found' ) );
+        }
+        $range = isset( $_POST['range'] ) ? sanitize_text_field( wp_unslash( $_POST['range'] ) ) : '7d';
+        $start = null;
+        $group_format = '%Y-%m-%d';
+        switch ( $range ) {
+            case '24h':
+                $start = gmdate( 'Y-m-d H:i:s', current_time( 'timestamp' ) - 24 * 3600 );
+                $group_format = '%Y-%m-%d %H:00:00';
+                break;
+            case '7d':
+                $start = gmdate( 'Y-m-d H:i:s', current_time( 'timestamp' ) - 7 * 86400 );
+                break;
+            case '30d':
+                $start = gmdate( 'Y-m-d H:i:s', current_time( 'timestamp' ) - 30 * 86400 );
+                break;
+            case '90d':
+                $start = gmdate( 'Y-m-d H:i:s', current_time( 'timestamp' ) - 90 * 86400 );
+                break;
+            case 'all':
+            default:
+                $start = '1970-01-01 00:00:00';
+        }
+        // Get page_id2 first for all queries
+        $page_id2 = intval( $wpdb->get_var( $wpdb->prepare(
+            "SELECT id FROM {$wpdb->prefix}optibehavior_pages WHERE url=%s LIMIT 1",
+            $url
+        ) ) );
+        // If not found, try with/without trailing slash
+        if ( ! $page_id2 ) {
+            $url_alt = rtrim( $url, '/' ) . '/';
+            if ( $url_alt === $url ) {
+                $url_alt = rtrim( $url, '/' );
+            }
+            $page_id2 = intval( $wpdb->get_var( $wpdb->prepare(
+                "SELECT id FROM {$wpdb->prefix}optibehavior_pages WHERE url=%s LIMIT 1",
+                $url_alt
+            ) ) );
+        }
+        // If still not found, try URL LIKE match
+        if ( ! $page_id2 ) {
+            $page_id2 = intval( $wpdb->get_var( $wpdb->prepare(
+                "SELECT id FROM {$wpdb->prefix}optibehavior_pages WHERE url LIKE %s LIMIT 1",
+                $url . '%'
+            ) ) );
+        }
+        // Get unique visitors and sessions (Total, Desktop and Mobile) over time
+        // We need to get data from both pageviews AND events to ensure consistency
+        if ( $group_format === '%Y-%m-%d %H:00:00' ) {
+            // Get visitors from pageviews
+            $pv_visitors_data = $wpdb->get_results(
+                $wpdb->prepare(
+                    "SELECT DATE_FORMAT(pv.view_time, '%%Y-%%m-%%d %%H:00:00') AS bucket,
+                        COUNT(DISTINCT pv.session_id) AS total_sessions,
+                        COUNT(DISTINCT CASE WHEN v.device_type = 'Desktop' THEN pv.session_id END) AS desktop_sessions,
+                        COUNT(DISTINCT CASE WHEN v.device_type = 'Mobile' THEN pv.session_id END) AS mobile_sessions
+                     FROM {$wpdb->prefix}optibehavior_pageviews pv
+                     LEFT JOIN {$wpdb->prefix}optibehavior_visitors v ON pv.visitor_id = v.id
+                     WHERE (pv.url=%s OR pv.url LIKE %s) AND pv.view_time >= %s
+                     GROUP BY bucket
+                     ORDER BY bucket ASC",
+                    $url, $url . '%', $start
+                ),
+                ARRAY_A
+            );
+            // Get visitors from events (for cases where pageview doesn't exist but events do)
+            // Use the SAME approach as the working stats query - join with pages table by URL
+            $ev_visitors_data = $wpdb->get_results(
+                $wpdb->prepare(
+                    "SELECT DATE_FORMAT(e.insert_at, '%%Y-%%m-%%d %%H:00:00') AS bucket,
+                        COUNT(DISTINCT e.session_id) AS total_sessions,
+                        COUNT(DISTINCT CASE WHEN v.device_type = 'Desktop' THEN e.session_id END) AS desktop_sessions,
+                        COUNT(DISTINCT CASE WHEN v.device_type = 'Mobile' THEN e.session_id END) AS mobile_sessions
+                     FROM {$wpdb->prefix}optibehavior_events e
+                     JOIN {$wpdb->prefix}optibehavior_pages p ON e.page_id2=p.id
+                     LEFT JOIN {$wpdb->prefix}optibehavior_sessions s ON e.session_id = s.id
+                     LEFT JOIN {$wpdb->prefix}optibehavior_visitors v ON s.visitor_id = v.id
+                     WHERE (p.url=%s OR p.url LIKE %s) AND e.insert_at >= %s
+                     GROUP BY bucket
+                     ORDER BY bucket ASC",
+                    $url, $url . '%', $start
+                ),
+                ARRAY_A
+            );
+        } else {
+            // Get visitors from pageviews
+            $pv_visitors_data = $wpdb->get_results(
+                $wpdb->prepare(
+                    "SELECT DATE_FORMAT(pv.view_time, '%%Y-%%m-%%d') AS bucket,
+                        COUNT(DISTINCT pv.session_id) AS total_sessions,
+                        COUNT(DISTINCT CASE WHEN v.device_type = 'Desktop' THEN pv.session_id END) AS desktop_sessions,
+                        COUNT(DISTINCT CASE WHEN v.device_type = 'Mobile' THEN pv.session_id END) AS mobile_sessions
+                     FROM {$wpdb->prefix}optibehavior_pageviews pv
+                     LEFT JOIN {$wpdb->prefix}optibehavior_visitors v ON pv.visitor_id = v.id
+                     WHERE (pv.url=%s OR pv.url LIKE %s) AND pv.view_time >= %s
+                     GROUP BY bucket
+                     ORDER BY bucket ASC",
+                    $url, $url . '%', $start
+                ),
+                ARRAY_A
+            );
+            // Get visitors from events (for cases where pageview doesn't exist but events do)
+            $ev_visitors_data = array();
+            if ( $page_id2 > 0 ) {
+                $ev_visitors_data = $wpdb->get_results(
+                    $wpdb->prepare(
+                        "SELECT DATE_FORMAT(e.insert_at, '%%Y-%%m-%%d') AS bucket,
+                            COUNT(DISTINCT e.session_id) AS total_sessions,
+                            COUNT(DISTINCT CASE WHEN v.device_type = 'Desktop' THEN e.session_id END) AS desktop_sessions,
+                            COUNT(DISTINCT CASE WHEN v.device_type = 'Mobile' THEN e.session_id END) AS mobile_sessions
+                         FROM {$wpdb->prefix}optibehavior_events e
+                         LEFT JOIN {$wpdb->prefix}optibehavior_sessions s ON e.session_id = s.id
+                         LEFT JOIN {$wpdb->prefix}optibehavior_visitors v ON s.visitor_id = v.id
+                         WHERE e.page_id2=%d AND e.insert_at >= %s
+                         GROUP BY bucket
+                         ORDER BY bucket ASC",
+                        $page_id2, $start
+                    ),
+                    ARRAY_A
+                );
+            }
+        }
+        // Merge pageview and event visitor data to get the maximum count
+        $visitors_data_merged = array();
+        foreach ( $pv_visitors_data as $row ) {
+            $bucket = $row['bucket'];
+            $visitors_data_merged[ $bucket ] = $row;
+        }
+        foreach ( $ev_visitors_data as $row ) {
+            $bucket = $row['bucket'];
+            if ( ! isset( $visitors_data_merged[ $bucket ] ) ) {
+                $visitors_data_merged[ $bucket ] = $row;
+            } else {
+                // Take the maximum of both sources
+                $visitors_data_merged[ $bucket ]['total_sessions'] = max(
+                    intval( $visitors_data_merged[ $bucket ]['total_sessions'] ),
+                    intval( $row['total_sessions'] )
+                );
+                $visitors_data_merged[ $bucket ]['desktop_sessions'] = max(
+                    intval( $visitors_data_merged[ $bucket ]['desktop_sessions'] ),
+                    intval( $row['desktop_sessions'] )
+                );
+                $visitors_data_merged[ $bucket ]['mobile_sessions'] = max(
+                    intval( $visitors_data_merged[ $bucket ]['mobile_sessions'] ),
+                    intval( $row['mobile_sessions'] )
+                );
+            }
+        }
+        $visitors_data = array_values( $visitors_data_merged );
+        // Check storage mode for events
+        $file_storage      = $this->core->get_file_storage();
+        $storage_settings  = $file_storage ? $file_storage->get_settings() : array( 'storage_mode' => 'database' );
+        $is_file_storage   = ( $storage_settings['storage_mode'] === 'file' && $file_storage && $page_id2 );
+        // Get events (Desktop=16, Mobile=17) over time
+        $events_data = array();
+        if ( $page_id2 > 0 ) {
+            if ( $is_file_storage ) {
+                // Get events from file storage - need to read files and group by time buckets
+                // Get all events from file storage using read_events (not get_events)
+                // Parameters: page_id, event_id, limit (0=all), start_date, end_date
+                $all_events_desktop = $file_storage->read_events( $page_id2, 16, 0, gmdate( 'Y-m-d', strtotime( $start ) ), gmdate( 'Y-m-d' ) );
+                $all_events_mobile  = $file_storage->read_events( $page_id2, 17, 0, gmdate( 'Y-m-d', strtotime( $start ) ), gmdate( 'Y-m-d' ) );
+                // Group events by time buckets
+                $events_by_bucket = array();
+                $start_timestamp  = strtotime( $start );
+                // Process desktop events
+                foreach ( $all_events_desktop as $event ) {
+                    // Events may have 'timestamp', 'time', 't', or 'insert_at' field
+                    $event_time = null;
+                    if ( isset( $event['timestamp'] ) ) {
+                        $event_time = is_numeric( $event['timestamp'] ) ? $event['timestamp'] : strtotime( $event['timestamp'] );
+                    } elseif ( isset( $event['insert_at'] ) ) {
+                        $event_time = is_numeric( $event['insert_at'] ) ? $event['insert_at'] : strtotime( $event['insert_at'] );
+                    } elseif ( isset( $event['time'] ) ) {
+                        $event_time = is_numeric( $event['time'] ) ? $event['time'] : strtotime( $event['time'] );
+                    } elseif ( isset( $event['t'] ) ) {
+                        $event_time = is_numeric( $event['t'] ) ? $event['t'] : strtotime( $event['t'] );
+                    }
+                    if ( $event_time && $event_time >= $start_timestamp ) {
+                        $bucket = gmdate( $group_format === '%Y-%m-%d %H:00:00' ? 'Y-m-d H:00:00' : 'Y-m-d', $event_time );
+                        if ( ! isset( $events_by_bucket[ $bucket ] ) ) {
+                            $events_by_bucket[ $bucket ] = array( 'desktop_events' => 0, 'mobile_events' => 0 );
+                        }
+                        $events_by_bucket[ $bucket ]['desktop_events']++;
+                    }
+                }
+                // Process mobile events
+                foreach ( $all_events_mobile as $event ) {
+                    // Events may have 'timestamp', 'time', 't', or 'insert_at' field
+                    $event_time = null;
+                    if ( isset( $event['timestamp'] ) ) {
+                        $event_time = is_numeric( $event['timestamp'] ) ? $event['timestamp'] : strtotime( $event['timestamp'] );
+                    } elseif ( isset( $event['insert_at'] ) ) {
+                        $event_time = is_numeric( $event['insert_at'] ) ? $event['insert_at'] : strtotime( $event['insert_at'] );
+                    } elseif ( isset( $event['time'] ) ) {
+                        $event_time = is_numeric( $event['time'] ) ? $event['time'] : strtotime( $event['time'] );
+                    } elseif ( isset( $event['t'] ) ) {
+                        $event_time = is_numeric( $event['t'] ) ? $event['t'] : strtotime( $event['t'] );
+                    }
+                    if ( $event_time && $event_time >= $start_timestamp ) {
+                        $bucket = gmdate( $group_format === '%Y-%m-%d %H:00:00' ? 'Y-m-d H:00:00' : 'Y-m-d', $event_time );
+                        if ( ! isset( $events_by_bucket[ $bucket ] ) ) {
+                            $events_by_bucket[ $bucket ] = array( 'desktop_events' => 0, 'mobile_events' => 0 );
+                        }
+                        $events_by_bucket[ $bucket ]['mobile_events']++;
+                    }
+                }
+                // Convert to array format matching database results
+                foreach ( $events_by_bucket as $bucket => $counts ) {
+                    $events_data[] = array(
+                        'bucket'         => $bucket,
+                        'desktop_events' => $counts['desktop_events'],
+                        'mobile_events'  => $counts['mobile_events'],
+                    );
+                }
+                // Sort by bucket
+                usort( $events_data, function ( $a, $b ) {
+                    return strcmp( $a['bucket'], $b['bucket'] );
+                } );
+            } else {
+                // Get events from database
+                if ( $group_format === '%Y-%m-%d %H:00:00' ) {
+                    $events_data = $wpdb->get_results(
+                        $wpdb->prepare(
+                            "SELECT DATE_FORMAT(e.insert_at, '%%Y-%%m-%%d %%H:00:00') AS bucket,
+                                SUM(CASE WHEN e.event=16 THEN 1 ELSE 0 END) AS desktop_events,
+                                SUM(CASE WHEN e.event=17 THEN 1 ELSE 0 END) AS mobile_events
+                             FROM {$wpdb->prefix}optibehavior_events e
+                             WHERE e.page_id2=%d AND e.insert_at >= %s
+                             GROUP BY bucket
+                             ORDER BY bucket ASC",
+                            $page_id2, $start
+                        ),
+                        ARRAY_A
+                    );
+                } else {
+                    $events_data = $wpdb->get_results(
+                        $wpdb->prepare(
+                            "SELECT DATE_FORMAT(e.insert_at, '%%Y-%%m-%%d') AS bucket,
+                                SUM(CASE WHEN e.event=16 THEN 1 ELSE 0 END) AS desktop_events,
+                                SUM(CASE WHEN e.event=17 THEN 1 ELSE 0 END) AS mobile_events
+                             FROM {$wpdb->prefix}optibehavior_events e
+                             WHERE e.page_id2=%d AND e.insert_at >= %s
+                             GROUP BY bucket
+                             ORDER BY bucket ASC",
+                            $page_id2, $start
+                        ),
+                        ARRAY_A
+                    );
+                }
+            }
+        }
+        // Merge all data by bucket (time period)
+        $merged = array();
+        foreach ( $visitors_data as $row ) {
+            $bucket = $row['bucket'];
+            if ( ! isset( $merged[ $bucket ] ) ) {
+                $merged[ $bucket ] = array(
+                    'total_visitors' => 0,
+                    'desktop_visitors' => 0,
+                    'mobile_visitors' => 0,
+                    'desktop_events' => 0,
+                    'mobile_events' => 0,
+                );
+            }
+            $merged[ $bucket ]['total_visitors'] = intval( $row['total_sessions'] );
+            $merged[ $bucket ]['desktop_visitors'] = intval( $row['desktop_sessions'] );
+            $merged[ $bucket ]['mobile_visitors'] = intval( $row['mobile_sessions'] );
+        }
+        foreach ( $events_data as $row ) {
+            $bucket = $row['bucket'];
+            if ( ! isset( $merged[ $bucket ] ) ) {
+                $merged[ $bucket ] = array(
+                    'total_visitors' => 0,
+                    'desktop_visitors' => 0,
+                    'mobile_visitors' => 0,
+                    'desktop_events' => 0,
+                    'mobile_events' => 0,
+                );
+            }
+            $merged[ $bucket ]['desktop_events'] = intval( $row['desktop_events'] );
+            $merged[ $bucket ]['mobile_events'] = intval( $row['mobile_events'] );
+        }
+        // Sort by bucket and prepare output
+        ksort( $merged );
+        $labels = array();
+        $total_visitors = array();
+        $desktop_visitors = array();
+        $mobile_visitors = array();
+        $desktop_events = array();
+        $mobile_events = array();
+        foreach ( $merged as $bucket => $data ) {
+            $labels[] = $bucket;
+            $total_visitors[] = $data['total_visitors'];
+            $desktop_visitors[] = $data['desktop_visitors'];
+            $mobile_visitors[] = $data['mobile_visitors'];
+            $desktop_events[] = $data['desktop_events'];
+            $mobile_events[] = $data['mobile_events'];
+        }
+        wp_send_json_success( array(
+            'labels' => $labels,
+            'total_visitors' => $total_visitors,
+            'desktop_visitors' => $desktop_visitors,
+            'mobile_visitors' => $mobile_visitors,
+            'desktop_events' => $desktop_events,
+            'mobile_events' => $mobile_events,
+            'group' => $group_format,
+        ) );
+    }
+    /**
      * AJAX handler for post referrers data
      */
 …
             $url
         ) ) );
+        // If exact match not found, try with trailing slash variations
+        if ( ! $page_id ) {
+            $url_alt = rtrim( $url, '/' ) . '/';
+            if ( $url_alt === $url ) {
+                $url_alt = rtrim( $url, '/' );
+            }
+            $page_id = intval( $wpdb->get_var( $wpdb->prepare(
+                "SELECT id FROM {$wpdb->prefix}optibehavior_pages WHERE url=%s LIMIT 1",
+                $url_alt
+            ) ) );
+        }
         if ( ! $page_id ) {
 …
         ) ) );
+        // If exact match not found, try with trailing slash variations
+        if ( ! $page_id ) {
+            $url_alt = rtrim( $url, '/' ) . '/';
+            if ( $url_alt === $url ) {
+                $url_alt = rtrim( $url, '/' );
+            }
+            $page_id = intval( $wpdb->get_var( $wpdb->prepare(
+                "SELECT id FROM {$wpdb->prefix}optibehavior_pages WHERE url=%s LIMIT 1",
+                $url_alt
+            ) ) );
+        }
         if ( ! $page_id ) {
             // Try matching by normalized url2
 …
         $outbound_clicks = $session->get_page_outbound_clicks( $page_id, 10 );
         // Ensure Exit Behavior total equals Entry Sources by adding synthetic "Left page" for any deficit
         try {
             $referrers = $session->get_page_referrers( $page_id, 1000 );
             $ref_total = 0;
             if ( is_array( $referrers ) ) {
                 foreach ( $referrers as $r ) {
                     $ref_total += isset( $r['count'] ) ? intval( $r['count'] ) : 0;
+                }
+            }
             $exit_total = 0;
             if ( is_array( $outbound_clicks ) ) {
                 foreach ( $outbound_clicks as $o ) {
                     $exit_total += isset( $o['count'] ) ? intval( $o['count'] ) : 0;
+                }
+            }
             $deficit = $ref_total - $exit_total;
+            if ( $deficit > 0 ) {
                 $merged = false;
                 if ( is_array( $outbound_clicks ) ) {
                     foreach ( $outbound_clicks as $idx => $o ) {
                         if ( isset( $o['click_type'] ) && $o['click_type'] === 'left' ) {
                             $outbound_clicks[ $idx ]['count'] = intval( $outbound_clicks[ $idx ]['count'] ) + $deficit;
                             $merged = true;
                             break;
+                        }
+                    }
+                }
                 if ( ! $merged ) {
                     $outbound_clicks[] = array(
                         'target_url'  => 'Left page',
                         'click_type'  => 'left',
+                        'element_tag' => null,
                         'element_text'=> null,
                         'count'       => $deficit,
                         'last_click'  => current_time( 'mysql' ),
                     );
+                }
+            }
         } catch ( \Throwable $e ) {
             // Fail open; show raw outbound clicks if balancing fails
+        // Count sessions that truly left without clicking any link
+        $total_sessions = intval( $wpdb->get_var( $wpdb->prepare(
+            "SELECT COUNT(DISTINCT pv.session_id)
+             FROM {$wpdb->prefix}optibehavior_pageviews pv
+             WHERE pv.url=%s OR pv.url LIKE %s",
+            $url, $url . '%'
+        ) ) );
+        $sessions_with_clicks = intval( $wpdb->get_var( $wpdb->prepare(
+            "SELECT COUNT(DISTINCT oc.session_id)
+             FROM {$wpdb->prefix}optibehavior_outbound_clicks oc
+             WHERE oc.page_id=%d",
+            $page_id
+        ) ) );
+        $sessions_left_without_click = $total_sessions - $sessions_with_clicks;
+        // Only add "Left page" if there are sessions that actually closed the page without clicking
+        if ( $sessions_left_without_click > 0 ) {
+            // Get the most recent timestamp from sessions that left without clicking
+            $last_left = $wpdb->get_var( $wpdb->prepare(
+                "SELECT MAX(pv.view_time)
+                 FROM {$wpdb->prefix}optibehavior_pageviews pv
+                 WHERE (pv.url=%s OR pv.url LIKE %s)
+                 AND pv.session_id NOT IN (
+                     SELECT DISTINCT session_id
+                     FROM {$wpdb->prefix}optibehavior_outbound_clicks
+                     WHERE page_id=%d
+                 )",
+                $url, $url . '%', $page_id
+            ) );
+            $outbound_clicks[] = array(
+                'target_url'  => 'Left page',
+                'click_type'  => 'left',
+                'element_tag' => null,
+                'element_text'=> null,
+                'count'       => $sessions_left_without_click,
+                'last_click'  => $last_left ?: current_time( 'mysql' ),
+            );
+        }
 …
         wp_send_json_success( $outbound_clicks );
+    }
+    /**
+     * AJAX handler for post countries data
+     */
+    public function ajax_post_countries() {
+        if ( ! isset( $_POST['post_id'] ) ) {
+            wp_send_json_error();
+        }
+        $post_id = intval( $_POST['post_id'] );
+        check_ajax_referer( 'optibehavior_post_analytics_' . $post_id, 'nonce' );
+        if ( ! current_user_can( 'edit_post', $post_id ) ) {
+            wp_send_json_error();
+        }
+        global $wpdb;
+        $url = get_permalink( $post_id );
+        if ( ! $url ) {
+            wp_send_json_error();
+        }
+        // Get sessions for this URL and their visitor countries
+        $results = $wpdb->get_results( $wpdb->prepare(
+            "SELECT UPPER(COALESCE(NULLIF(TRIM(vis.country),''), '')) AS country,
+                    vis.country_name,
+                    COUNT(DISTINCT s.id) AS count
+             FROM {$wpdb->prefix}optibehavior_sessions s
+             LEFT JOIN {$wpdb->prefix}optibehavior_visitors vis ON s.visitor_id = vis.id
+             LEFT JOIN {$wpdb->prefix}optibehavior_pageviews pv ON s.id = pv.session_id
+             WHERE (pv.url=%s OR pv.url LIKE %s)
+               AND COALESCE(NULLIF(TRIM(vis.country),''),'UN') <> 'UN'
+             GROUP BY country, vis.country_name
+             ORDER BY count DESC
+             LIMIT 10",
+            $url, $url . '%'
+        ) );
+        $data = array();
+        foreach ( $results as $row ) {
+            $code = strtoupper( $row->country ?: '' );
+            $name = $row->country_name ?: ( $code ?: 'Global' );
+            $data[] = array(
+                'country' => $code ?: 'Global',
+                'country_name' => $name,
+                'count' => intval( $row->count ),
+            );
+        }
+        wp_send_json_success( $data );
+    }
+    /**
+     * AJAX handler for post browsers data
+     */
+    public function ajax_post_browsers() {
+        if ( ! isset( $_POST['post_id'] ) ) {
+            wp_send_json_error();
+        }
+        $post_id = intval( $_POST['post_id'] );
+        check_ajax_referer( 'optibehavior_post_analytics_' . $post_id, 'nonce' );
+        if ( ! current_user_can( 'edit_post', $post_id ) ) {
+            wp_send_json_error();
+        }
+        global $wpdb;
+        $url = get_permalink( $post_id );
+        if ( ! $url ) {
+            wp_send_json_error();
+        }
+        // Get browsers for sessions viewing this URL
+        $results = $wpdb->get_results( $wpdb->prepare(
+            "SELECT
+                CASE
+                    WHEN vis.browser IS NULL OR TRIM(vis.browser) = '' THEN 'Unknown'
+                    WHEN LOWER(vis.browser) IN ('unknown','undefined','other') THEN 'Unknown'
+                    ELSE TRIM(vis.browser)
+                END AS browser,
+                COUNT(DISTINCT s.id) AS count
+             FROM {$wpdb->prefix}optibehavior_sessions s
+             LEFT JOIN {$wpdb->prefix}optibehavior_visitors vis ON s.visitor_id = vis.id
+             LEFT JOIN {$wpdb->prefix}optibehavior_pageviews pv ON s.id = pv.session_id
+             WHERE (pv.url=%s OR pv.url LIKE %s)
+             GROUP BY browser
+             ORDER BY count DESC
+             LIMIT 10",
+            $url, $url . '%'
+        ) );
+        $data = array();
+        foreach ( $results as $row ) {
+            $data[] = array(
+                'name' => $row->browser ?: 'Unknown',
+                'count' => intval( $row->count ),
+            );
+        }
+        wp_send_json_success( $data );
+    }
+    /**
+     * AJAX handler for post devices data
+     */
+    public function ajax_post_devices() {
+        if ( ! isset( $_POST['post_id'] ) ) {
+            wp_send_json_error();
+        }
+        $post_id = intval( $_POST['post_id'] );
+        check_ajax_referer( 'optibehavior_post_analytics_' . $post_id, 'nonce' );
+        if ( ! current_user_can( 'edit_post', $post_id ) ) {
+            wp_send_json_error();
+        }
+        global $wpdb;
+        $url = get_permalink( $post_id );
+        if ( ! $url ) {
+            wp_send_json_error();
+        }
+        // Get device types for sessions viewing this URL
+        $results = $wpdb->get_results( $wpdb->prepare(
+            "SELECT
+                CASE
+                    WHEN vis.device_type IS NULL OR TRIM(vis.device_type) = '' THEN 'Unknown'
+                    WHEN LOWER(vis.device_type) IN ('unknown','undefined','other') THEN 'Unknown'
+                    ELSE TRIM(vis.device_type)
+                END AS device,
+                COUNT(DISTINCT s.id) AS count
+             FROM {$wpdb->prefix}optibehavior_sessions s
+             LEFT JOIN {$wpdb->prefix}optibehavior_visitors vis ON s.visitor_id = vis.id
+             LEFT JOIN {$wpdb->prefix}optibehavior_pageviews pv ON s.id = pv.session_id
+             WHERE (pv.url=%s OR pv.url LIKE %s)
+             GROUP BY device
+             ORDER BY count DESC
+             LIMIT 10",
+            $url, $url . '%'
+        ) );
+        $data = array();
+        foreach ( $results as $row ) {
+            $data[] = array(
+                'name' => $row->device ?: 'Unknown',
+                'count' => intval( $row->count ),
+            );
+        }
+        wp_send_json_success( $data );
+    }
+}

opti-behavior/trunk/admin/recordings-upgrade-page.php

-                      r3399182
+                      r3401441
                 <div class="free-badge">
                     <i data-lucide="gift"></i>
                     <span><?php esc_html_e( 'FREE during testing period!', 'opti-behavior' ); ?></span>
+                    <span><?php esc_html_e( 'FREE During Testing Period!', 'opti-behavior' ); ?></span>
                 </div>
 …
                 </p>
                 <a href="<?php echo esc_url( admin_url( 'admin.php?page=opti-behavior-analytics' ) ); ?>" class="button button-primary button-hero">
+                <a href="https://optiuser.com/" target="_blank" rel="noopener noreferrer" class="button button-primary button-hero">
                     <i data-lucide="download"></i>
                     <?php esc_html_e( 'Download PRO Version', 'opti-behavior' ); ?>

opti-behavior/trunk/assets/css/admin-notices.css

-                      r3399182
+                      r3401441
 /* Generic message containers */
 div[id^="message"],
+div[id^="message"]:not(#support-form-message),
 div[id*="notice"],
 div[id*="warning"],
 div[id*="error"],
 div[class*="notice"],
 div[class*="message"],
+div[class*="message"]:not(.form-message):not(#support-form-message),
 div[class*="notification"],
 div[class*="alert"],
 …
 /* Review/rating notices */
 div[class*="review"],
+div[class*="review"]:not(.ai-feedback-section):not(.feedback-card),
 div[class*="rating"],
 div[class*="feedback"],
+div[class*="feedback"]:not(.ai-feedback-section):not(.feedback-card):not(.feedback-icon):not(.feedback-title):not(.feedback-description):not(.feedback-actions):not(.feedback-btn):not(.feedback-note),
 /* Newsletter/subscription notices */
 …
 /* Promotional notices (third-party). Allow Opti-Behavior upgrade layouts. */
 div[class*="promo"]:not([class*="opti-behavior"]),
 div[class*="upgrade"]:not([class*="opti-behavior"]):not(.upgrade-card):not(.upgrade-features):not(.upgrade-action):not(.recordings-upgrade-content):not(.upgrade-preview),
+div[class*="upgrade"]:not([class*="opti-behavior"]):not(.upgrade-card):not(.upgrade-features):not(.upgrade-action):not(.recordings-upgrade-content):not(.upgrade-preview):not(.upgrade-cta):not(.upgrade-description):not(.upgrade-icon):not(.upgrade-title),
 div[class*="premium"]:not([class*="opti-behavior"]),
 …
 /* Donation/support notices */
 div[class*="donate"],
 div[class*="support"],
+div[class*="support"]:not(.support-form):not([id*="support-"]),
 /* Onboarding/welcome notices */
 …
+}
+/* EXCEPTION: Keep AI Insights support form visible */
+.ai-feedback-section,
+.ai-feedback-section *,
+.feedback-card,
+.support-form,
+#opti-behavior-support-form {
+    display: block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+    height: auto !important;
+}

opti-behavior/trunk/assets/css/ai-insights-page.css

-                      r3399182
+                      r3401441
+    }
+}
+/* Support Form Styles */
+.support-form {
+    max-width: 600px;
+    margin: 32px auto;
+    text-align: left;
+}
+.support-form .form-group {
+    margin-bottom: 24px;
+}
+.support-form label {
+    display: block;
+    font-size: 15px;
+    font-weight: 600;
+    color: white;
+    margin-bottom: 8px;
+}
+.support-form .form-control {
+    width: 100%;
+    padding: 12px 16px;
+    font-size: 15px;
+    border: 2px solid rgba(255, 255, 255, 0.3);
+    border-radius: 10px;
+    background: rgba(255, 255, 255, 0.95);
+    color: #1e293b;
+    transition: all 0.3s ease;
+    box-sizing: border-box;
+}
+.support-form .form-control:focus {
+    outline: none;
+    border-color: white;
+    background: white;
+    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
+}
+.support-form textarea.form-control {
+    resize: vertical;
+    min-height: 120px;
+    font-family: inherit;
+}
+.support-form .form-hint {
+    display: block;
+    font-size: 13px;
+    color: rgba(255, 255, 255, 0.8);
+    margin-top: 6px;
+}
+.support-form .form-actions {
+    text-align: center;
+    margin-top: 32px;
+}
+.support-form button[type="submit"] {
+    border: none;
+    cursor: pointer;
+}
+.support-form button[type="submit"]:disabled {
+    opacity: 0.7;
+    cursor: not-allowed;
+}
+.support-form .support-response {
+    margin-top: 24px;
+    padding: 16px 20px;
+    border-radius: 10px;
+    font-size: 15px;
+    font-weight: 600;
+    text-align: center;
+}
+.support-form .support-response-hidden {
+    display: none !important;
+}
+.support-form .support-response.success {
+    background: rgba(16, 185, 129, 0.2);
+    color: white;
+    border: 2px solid rgba(255, 255, 255, 0.5);
+}
+.support-form .support-response.error {
+    background: rgba(239, 68, 68, 0.2);
+    color: white;
+    border: 2px solid rgba(239, 68, 68, 0.5);
+}
+/* Responsive adjustments for support form */
+@media (max-width: 768px) {
+    .support-form {
+        max-width: 100%;
+    }
+}

opti-behavior/trunk/assets/css/heatmaps.css

-                      r3399182
+                      r3401441
 .btn-filter.active {
     background: #6c5ce7;
     border-color: #6c5ce7;
+    background: #16a34a;
+    border-color: #16a34a;
     color: white;
+}
 …
 .stat-change.positive {
     color: #28a745;
+    color: #16a34a;
+}
 …
 .btn-action.primary {
     background: #6c5ce7;
     border-color: #6c5ce7;
+    background: #16a34a;
+    border-color: #16a34a;
     color: white;
+}
 .btn-action.primary:hover {
     background: #5a4fcf;
+    background: #15803d;
+}
 …
 .heatmap-table th {
     background: #f8f9fa;
     border-bottom: 2px solid #e1e5e9;
+    background: linear-gradient(135deg, #dcfce7 0%, #f0fdf4 100%);
+    border-bottom: 2px solid #86efac;
     padding: 16px;
     text-align: center;
     font-size: 14px;
     font-weight: 600;
     color: #495057;
+    color: #166534;
+}
 …
 .heatmaps-modern-table thead th {
     background: transparent !important;
     border-bottom: 2px solid #e2e8f0 !important;
+    background: linear-gradient(135deg, #dcfce7 0%, #f0fdf4 100%) !important;
+    border-bottom: 2px solid #86efac !important;
     padding: 16px 20px !important;
     text-align: left !important;
     font-size: 13px !important;
     font-weight: 600 !important;
     color: #475569 !important;
+    color: #166534 !important;
     text-transform: uppercase !important;
     letter-spacing: 0.05em !important;
 …
 .heatmaps-modern-table tbody tr.heatmap-table-row:hover {
     background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
+    box-shadow: 0 2px 8px rgba(22, 163, 74, 0.15);
     transform: translateY(-1px);
+}
 …
 .heatmaps-modern-table .heatmap-action-btn:hover {
     background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
     border-color: #2563eb !important;
+    background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%) !important;
+    border-color: #16a34a !important;
     color: white !important;
     transform: translateY(-1px) !important;
     box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
+    box-shadow: 0 4px 12px rgba(22, 163, 74, 0.3) !important;
+}
 …
     align-items: center;
     gap: 6px;
     background: #6c5ce7;
+    background: #16a34a;
     color: white;
     text-decoration: none;
 …
 .btn-view:hover {
     background: #5a4fcf;
+    background: #15803d;
     color: white;
     text-decoration: none;
 …
     align-items: center;
     gap: 6px;
     background: #00b894;
+    background: #16a34a;
     color: white;
     text-decoration: none;
 …
 .btn-view-pc:hover {
     background: #00a085;
+    background: #15803d;
     color: white;
     text-decoration: none;
 …
     align-items: center;
     gap: 6px;
     background: #fd79a8;
+    background: #16a34a;
     color: white;
     text-decoration: none;
 …
 .btn-view-mobile:hover {
     background: #e84393;
+    background: #15803d;
     color: white;
     text-decoration: none;
 …
+}
+/* Green theme for Desktop and Mobile action buttons */
+.optibehavior-btn-desktop.button,
+.optibehavior-btn-mobile.button {
+    background: #16a34a !important;
+    border-color: #16a34a !important;
+    color: white !important;
+    text-shadow: none !important;
+    box-shadow: none !important;
+}
+.optibehavior-btn-desktop.button:hover,
+.optibehavior-btn-mobile.button:hover {
+    background: #15803d !important;
+    border-color: #15803d !important;
+    color: white !important;
+}
+/* Ensure consistent icon sizes in Desktop/Mobile buttons */
+.optibehavior-btn-desktop.button svg,
+.optibehavior-btn-mobile.button svg,
+.optibehavior-btn-desktop.button i[data-lucide],
+.optibehavior-btn-mobile.button i[data-lucide] {
+    width: 14px !important;
+    height: 14px !important;
+    min-width: 14px !important;
+    min-height: 14px !important;
+    max-width: 14px !important;
+    max-height: 14px !important;
+    vertical-align: middle !important;
+    margin-right: 4px !important;
+    display: inline-block !important;
+}
 .no-heatmaps {
     text-align: center;
 …
 .btn-apply {
     background: #6c5ce7;
+    background: #16a34a;
     color: white;
     border: none;
 …
 .view-btn.active {
     background: #6c5ce7;
     border-color: #6c5ce7;
+    background: #16a34a;
+    border-color: #16a34a;
     color: white;
+}
 …
 .btn-preview {
     background: #6c5ce7;
+    background: #16a34a;
     color: white;
     border: none;
 …
 .heatmaps-panel .table-pagination .pagination-btn[data-next],
 .heatmaps-panel .table-pagination .pagination-btn[data-last] {
     background:#4f46e5; border-color:#4f46e5; color:#fff;
+    background:#16a34a; border-color:#16a34a; color:#fff;
+}
 .heatmaps-panel .table-pagination .pagination-btn[data-next]:hover,
 .heatmaps-panel .table-pagination .pagination-btn[data-last]:hover { background:#4338ca; }
+.heatmaps-panel .table-pagination .pagination-btn[data-last]:hover { background:#15803d; }
 /* Current page badge */
 .heatmaps-panel .table-pagination .pagination-current {
     background:#eef2ff; color:#4f46e5; border-radius:8px; padding:6px 10px; font-size:12px; font-weight:600;
+    background:#dcfce7; color:#16a34a; border-radius:8px; padding:6px 10px; font-size:12px; font-weight:600;
+}
 .heatmaps-panel .table-pagination .pagination-ellipsis { color:#94a3b8; }
 …
 .stat-badge {
     background: #6c5ce7;
+    background: #16a34a;
     color: white;
     border-radius: 12px;

opti-behavior/trunk/assets/css/metabox.css

-                      r3399182
+                      r3401441
+}
+.optibehavior-behavior-label {
+    font-size: 12px;
+    color: #64748b;
+    margin-bottom: 8px;
+    font-weight: 500;
+    display: flex;
+    align-items: center;
+}
+.optibehavior-behavior-value {
+    font-size: 18px;
+    font-weight: 700;
+    color: #1e293b;
+}
+.optibehavior-stat-badge {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    background: #10b981;
+    color: #fff;
+    padding: 4px 8px;
+    border-radius: 12px;
+    font-size: 11px;
+    font-weight: 600;
+    min-width: 32px;
+    text-align: center;
+}
 @media (max-width: 480px) {
     .optibehavior-analytics-grid {
 …
     background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
     color: #fff;
+}
+/* Secondary grid for new analytics row */
+.optibehavior-secondary-grid {
+    margin-top: 16px;
+    padding-top: 16px;
+    border-top: 1px solid #e5e7eb;
+}
 …
     padding-right: 12px;
+}
+/* Loading and empty states */
+.optibehavior-loading {
+    display: block;
+    padding: 20px;
+    text-align: center;
+    color: #64748b;
+    font-size: 12px;
+}
+.optibehavior-empty {
+    display: none;
+    padding: 20px;
+    text-align: center;
+    color: #94a3b8;
+    font-size: 12px;
+    font-style: italic;
+}
+/* Empty state with icon (matching dashboard style) */
+.optibehavior-empty-state {
+    display: none;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 40px 20px;
+    text-align: center;
+    min-height: 200px;
+}
+.optibehavior-empty-state.is-visible {
+    display: flex;
+}
+.optibehavior-empty-title {
+    margin-top: 12px;
+    font-size: 14px;
+    font-weight: 600;
+    color: #1e293b;
+}
+.optibehavior-empty-sub {
+    margin-top: 4px;
+    font-size: 12px;
+    color: #64748b;
+}

opti-behavior/trunk/assets/css/recordings-upgrade.css

-                      r3399182
+                      r3401441
     margin: 0;
     padding: 0;
+    background: #f8f9fa;
+}
 …
     background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
     color: #ffffff;
+    padding: 36px 40px;
+    margin: 0 0 30px -20px;
+    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.15);
+    border-bottom: 3px solid rgba(255, 255, 255, 0.2);
+    padding: 48px 40px;
+    margin: 0 0 40px -20px;
+    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.25);
+    border-bottom: 4px solid rgba(255, 255, 255, 0.15);
+    position: relative;
+    overflow: hidden;
+}
+.recordings-header::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>');
+    background-size: 50px 50px;
+    opacity: 0.3;
+}
 …
     max-width: 1400px;
     margin: 0 auto;
+    position: relative;
+    z-index: 1;
+}
 …
     display: flex;
     align-items: center;
+    gap: 12px;
+    font-size: 28px;
+    font-weight: 600;
+    margin: 0 0 8px;
+    gap: 14px;
+    font-size: 32px;
+    font-weight: 700;
+    margin: 0 0 12px;
+    color: #ffffff !important;
+    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
 .recordings-title i {
+    width: 28px;
+    height: 28px;
+    width: 32px;
+    height: 32px;
+    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
+}
 .recordings-subtitle {
+    font-size: 14px;
+    opacity: 0.9;
+    font-size: 16px;
+    opacity: 0.95;
+    font-weight: 400;
+    letter-spacing: 0.01em;
+}
 .recordings-upgrade-content {
     max-width: 960px;
+    max-width: 1000px;
     margin: 0 auto 40px;
     padding: 0 20px 40px;
 …
     flex-direction: column;
     align-items: center;
     gap: 24px;
+    gap: 32px;
+}
 …
 .upgrade-preview {
     background: #ffffff;
     border-radius: 12px;
+    border-radius: 16px;
     border: 1px solid #e5e7eb;
     box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
     padding: 32px 30px;
+    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
+    padding: 48px 40px;
     width: 100%;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+.upgrade-card:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
+}
 .upgrade-icon {
+    margin-bottom: 20px;
+    margin-bottom: 24px;
+    display: flex;
+    justify-content: center;
+}
 .upgrade-icon i {
     width: 64px;
     height: 64px;
+    width: 80px;
+    height: 80px;
     color: #6366f1;
+    animation: pulse-icon 2s ease-in-out infinite;
+}
+@keyframes pulse-icon {
+%, 100% {
+        transform: scale(1);
+        opacity: 1;
+    }
+% {
+        transform: scale(1.05);
+        opacity: 0.9;
+    }
+}
 .upgrade-title {
+    font-size: 26px;
+    font-weight: 600;
+    color: #111827;
+    margin: 0 0 12px;
+}
+.upgrade-description {
+    font-size: 15px;
+    color: #4b5563;
+    max-width: 620px;
+    margin: 0 auto 28px;
+    line-height: 1.6;
+}
+.upgrade-features {
+    background: #f9fafb;
+    border-radius: 10px;
+    padding: 24px 22px;
+    margin: 0 0 30px;
+    text-align: left;
+}
+.upgrade-features h3 {
+    font-size: 18px;
+    font-weight: 600;
+    font-size: 32px;
+    font-weight: 700;
     color: #111827;
     margin: 0 0 16px;
+    text-align: center;
+}
+.upgrade-description {
+    font-size: 16px;
+    color: #4b5563;
+    max-width: 680px;
+    margin: 0 auto 32px;
+    line-height: 1.7;
+    text-align: center;
+}
+.upgrade-features {
+    background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);
+    border-radius: 12px;
+    padding: 32px 28px;
+    margin: 0 0 36px;
+    text-align: left;
+    border: 1px solid #e5e7eb;
+}
+.upgrade-features h3 {
+    font-size: 22px;
+    font-weight: 700;
+    color: #111827;
+    margin: 0 0 24px;
     text-align: center;
+}
 …
     margin: 0;
     padding: 0;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    gap: 16px;
+}
 …
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 10px 0;
     font-size: 14px;
+    gap: 14px;
+    padding: 14px 16px;
+    font-size: 15px;
     color: #1f2933;
+    border-bottom: 1px solid #e5e7eb;
+}
+.features-list li:last-child {
+    border-bottom: none;
+    background: #ffffff;
+    border-radius: 8px;
+    border: 1px solid #e5e7eb;
+    transition: all 0.2s ease;
+}
+.features-list li:hover {
+    border-color: #10b981;
+    background: #f0fdf4;
+    transform: translateX(4px);
+}
 .features-list li i {
     color: #10b981;
+    width: 24px;
+    height: 24px;
+    flex-shrink: 0;
+}
+.upgrade-cta {
+    margin-top: 40px;
+    text-align: center;
+    padding: 32px;
+    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
+    border-radius: 12px;
+    border: 2px solid #bae6fd;
+}
+.free-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 10px;
+    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
+    color: #ffffff;
+    padding: 12px 24px;
+    border-radius: 999px;
+    font-size: 15px;
+    font-weight: 700;
+    box-shadow: 0 6px 16px rgba(16, 185, 129, 0.5);
+    margin-bottom: 20px;
+    animation: badge-pulse 2s ease-in-out infinite;
+}
+@keyframes badge-pulse {
+%, 100% {
+        box-shadow: 0 6px 16px rgba(16, 185, 129, 0.5);
+    }
+% {
+        box-shadow: 0 8px 20px rgba(16, 185, 129, 0.7);
+    }
+}
+.free-badge i {
     width: 20px;
     height: 20px;
-    flex-shrink: 0;
+}
-.upgrade-cta {
-    margin-top: 32px;
+}
-.free-badge {
-    display: inline-flex;
-    align-items: center;
-    gap: 8px;
-    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
-    color: #ffffff;
-    padding: 10px 20px;
-    border-radius: 999px;
-    font-size: 14px;
-    font-weight: 600;
-    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
-    margin-bottom: 18px;
+}
-.free-badge i {
-    width: 18px;
-    height: 18px;
+}
 .cta-text {
+    font-size: 14px;
+    color: #4b5563;
+    max-width: 600px;
+    margin: 0 auto 24px;
+    line-height: 1.6;
+    font-size: 15px;
+    color: #1f2937;
+    max-width: 640px;
+    margin: 0 auto 28px;
+    line-height: 1.7;
+    font-weight: 500;
+}
 …
     display: inline-flex;
     align-items: center;
     gap: 10px;
     font-size: 15px;
     padding: 11px 28px;
+    gap: 12px;
+    font-size: 16px;
+    padding: 14px 32px;
     height: auto;
     line-height: 1.5;
+    font-weight: 600;
+    border-radius: 8px;
+    transition: all 0.3s ease;
+    background: #2271b1;
+    border-color: #2271b1;
+}
+.button-hero:hover {
+    background: #135e96;
+    border-color: #135e96;
+    transform: translateY(-2px);
+    box-shadow: 0 8px 16px rgba(34, 113, 177, 0.3);
+}
 .button-hero i {
     width: 20px;
     height: 20px;
+    width: 22px;
+    height: 22px;
+}
 .help-text {
     margin-top: 18px;
     font-size: 13px;
+    margin-top: 20px;
+    font-size: 14px;
     color: #6b7280;
+    font-style: italic;
+}
+.upgrade-preview {
+    display: none;
+}
 .upgrade-preview h3 {
     font-size: 20px;
     font-weight: 600;
+    font-size: 24px;
+    font-weight: 700;
     color: #111827;
+    margin: 0 0 18px;
+    margin: 0 0 24px;
+    text-align: center;
+}
 .preview-placeholder {
     background: #f9fafb;
     border-radius: 10px;
     border: 2px dashed #e5e7eb;
     padding: 48px 20px;
+    background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
+    border-radius: 12px;
+    border: 2px dashed #d1d5db;
+    padding: 64px 20px;
     display: flex;
     flex-direction: column;
     align-items: center;
+    gap: 16px;
+    gap: 20px;
+    position: relative;
+    overflow: hidden;
+}
+.preview-placeholder::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: radial-gradient(circle at 50% 50%, rgba(99, 102, 241, 0.05) 0%, transparent 70%);
+}
 .preview-placeholder i {
+    width: 96px;
+    height: 96px;
+    color: #cbd5f5;
+    width: 120px;
+    height: 120px;
+    color: #a5b4fc;
+    position: relative;
+    z-index: 1;
+}
 .preview-placeholder p {
     margin: 0;
     font-size: 14px;
+    font-size: 15px;
     color: #6b7280;
+    position: relative;
+    z-index: 1;
+    font-weight: 500;
+}
 …
     .recordings-header {
         margin-left: 0;
         padding: 28px 20px;
+        padding: 36px 24px;
+    }
     .recordings-upgrade-content {
+        padding: 0 20px 30px;
+    }
+    .features-list {
         grid-template-columns: 1fr;
-        padding: 0 20px 30px;
+    }
+}
 @media (max-width: 600px) {
+    .recordings-header {
+        padding: 28px 16px;
+    }
+    .recordings-title {
+        font-size: 24px;
+    }
+    .recordings-subtitle {
+        font-size: 14px;
+    }
     .upgrade-card,
     .upgrade-preview {
+        padding: 32px 24px;
+    }
+    .upgrade-title {
+        font-size: 26px;
+    }
+    .upgrade-description {
+        font-size: 15px;
+    }
+    .upgrade-features h3 {
+        font-size: 20px;
+    }
+    .features-list li {
+        font-size: 14px;
+        padding: 12px 14px;
+    }
+    .upgrade-cta {
         padding: 24px 20px;
+    }
+}
+    .button-hero {
+        width: 100%;
+        justify-content: center;
+    }
+}

opti-behavior/trunk/assets/css/settings.css

-                      r3399182
+                      r3401441
+}
+/* Quota Analytics Section */
+.quota-analytics {
+    margin-top: 20px;
+    padding: 20px;
+    background: #f8f9fa;
+    border-radius: 8px;
+    border: 1px solid #e9ecef;
+}
+.analytics-title {
+    font-size: 16px;
+    font-weight: 600;
+    color: #2c3e50;
+    margin: 0 0 15px 0;
+}
+.analytics-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 15px;
+    margin-bottom: 15px;
+}
+.analytics-item {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    background: #ffffff;
+    padding: 15px;
+    border-radius: 6px;
+    border: 1px solid #e9ecef;
+}
+.analytics-icon {
+    font-size: 24px;
+    flex-shrink: 0;
+}
+.analytics-data {
+    flex: 1;
+}
+.analytics-value {
+    font-size: 24px;
+    font-weight: 700;
+    color: #6c5ce7;
+    line-height: 1;
+}
+.analytics-label {
+    font-size: 12px;
+    color: #6c757d;
+    margin-top: 4px;
+}
+.analytics-note {
+    margin: 0;
+    padding: 10px;
+    background: #fff3cd;
+    border-radius: 4px;
+    border: 1px solid #ffeaa7;
+}
+.analytics-note small {
+    color: #856404;
+    font-size: 13px;
+}
 /* Responsive adjustments for quota stats */
 @media (max-width: 768px) {
 …
         font-size: 24px;
+    }
+}
+    .analytics-grid {
+        grid-template-columns: 1fr;
+    }
+    .analytics-value {
+        font-size: 20px;
+    }
+}

opti-behavior/trunk/assets/js/dashboard.js

-                      r3399182
+                      r3401441
+            }
             // We have data - show the table
+            // We have data - show the table and hide empty state
             const table = document.querySelector('.device-types-legend');
             if (table) {
               table.style.display = '';
+            }
+            // Hide empty state if it exists
+            const container = ctx.parentElement;
+            if (container) {
+              const emptyState = container.querySelector('.optibehavior-empty-state');
+              if (emptyState) {
+                emptyState.style.display = 'none';
+              }
+            }
 …
               'ChromeOS': '#4285f4'
             };
+            // Hide empty state if it exists (data is available)
+            const container = ctx.parentElement;
+            if (container) {
+              const emptyState = container.querySelector('.optibehavior-empty-state');
+              if (emptyState) {
+                emptyState.style.display = 'none';
+              }
+            }
             // Update legend table
 …
                 if (labels.length > 0) {
+                  // Hide empty state if it exists (data is available)
+                  const container = intentEl.parentElement;
+                  if (container) {
+                    const emptyState = container.querySelector('.optibehavior-empty-state');
+                    if (emptyState) {
+                      emptyState.style.display = 'none';
+                    }
+                  }
                   // Destroy existing chart if it exists
                   const existingIntentChart = Chart.getChart(intentEl);
 …
                 var rows = resp.data.items.slice(0,10).map(function(it,idx){
+                    // Display username with profile link if available, otherwise show visitor ID
+                    var visitorDisplay = '';
+                    if (it.user_id && it.user_id > 0 && it.display_name) {
+                        // User is a logged-in WordPress user - show display name with profile link
+                        visitorDisplay = '<a href="' + esc(it.profile_url||'') + '" target="_blank" rel="noopener" title="View user profile">' +
+                            esc(it.display_name) + '</a>';
+                    } else {
+                        // Anonymous visitor - show visitor ID
+                        visitorDisplay = esc(it.visitor_id||'');
+                    }
                     return '<tr>'+
                         '<td class="tu-rank">'+ (idx+1) +'</td>'+
                         '<td class="tu-visitor">'+ esc(it.visitor_id||'') +'</td>'+
+                        '<td class="tu-visitor">'+ visitorDisplay +'</td>'+
                         '<td class="tu-num">'+ (it.daily_freq||0).toFixed(2) +'</td>'+
                         '<td class="tu-num"><span class="tu-chip">'+ fmt(it.avg_session_time||0) +'</span></td>'+
 …
+            }
             // We have data - show the table container
+            // We have data - show the table container and hide empty state
             var tableContainer = document.querySelector('.resolution-table-container');
             if (tableContainer) {
                 tableContainer.style.display = '';
+            }
+            // Hide empty state if it exists (data is available)
+            var container = ctx.parentElement;
+            if (container) {
+                var emptyState = container.querySelector('.optibehavior-empty-state');
+                if (emptyState) {
+                    emptyState.style.display = 'none';
+                }
+            }

opti-behavior/trunk/assets/js/heatmaps.js

-                      r3399182
+                      r3401441
         if(wrap){ wrap.dataset.orderby = orderby; wrap.dataset.order = order; }
         var oldShell = document.querySelector('.simplified-heatmap-table'); if(oldShell){ oldShell.style.display='none'; }
+        if(window.optibehaviorUpdateSessionsCounts){ try{ window.optibehaviorUpdateSessionsCounts(container); }catch(e){ /* console.warn('[optibehavior] sessions update error', e); */ } }
+        // Sessions are now included in main query, no need for lazy update
+        // if(window.optibehaviorUpdateSessionsCounts){ try{ window.optibehaviorUpdateSessionsCounts(container); }catch(e){ /* console.warn('[optibehavior] sessions update error', e); */ } }
         // Initialize Lucide icons after rendering
         if(typeof lucide !== 'undefined'){ lucide.createIcons(); }

opti-behavior/trunk/assets/js/metabox-analytics.js

-                      r3399182
+                      r3401441
     'use strict';
+    document.addEventListener('DOMContentLoaded', function() {
+    // Initialize immediately when script loads (don't wait for DOMContentLoaded)
+    function initMetaboxAnalytics() {
         var box = document.querySelector('.optibehavior-analytics-container');
         if (!box) return;
 …
         var nonce = data.nonce || box.getAttribute('data-nonce');
         var ajax = data.ajaxUrl || (typeof window.ajaxurl === 'string' ? window.ajaxurl : null);
         if (!ajax || !pid || !nonce) return;
 …
         var now = new Date();
         var ageInHours = (now - postDate) / (1000 * 60 * 60);
+        var defaultRange = ageInHours < 24 ? '24h' : '7d';
+        // Load initial analytics data
+        fetch(ajax, {
+            method: 'POST',
+            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
+            body: 'action=optibehavior_post_analytics&post_id=' + encodeURIComponent(pid) + '&nonce=' + encodeURIComponent(nonce)
+        })
+        .then(function(r) { return r.json(); })
+        .then(function(resp) {
+        var defaultRange = '24h'; // Default to Last 24 Hours
+        // Load initial analytics data with minimal delay for async performance
+        setTimeout(function() {
+            fetch(ajax, {
+                method: 'POST',
+                headers: {'Content-Type': 'application/x-www-form-urlencoded'},
+                body: 'action=optibehavior_post_analytics&post_id=' + encodeURIComponent(pid) + '&nonce=' + encodeURIComponent(nonce)
+            })
+            .then(function(r) { return r.json(); })
+            .then(function(resp) {
             if (!resp || !resp.success || !resp.data) {
+                // Hide loading, show empty message
+                if (qs('#optibehavior-chart-loading')) qs('#optibehavior-chart-loading').style.display = 'none';
                 qs('#optibehavior-empty').style.display = 'block';
                 qs('#optibehavior-chart').style.display = 'none';
                 return;
+            }
+            // Hide empty message and show chart when data is available
+            // Hide loading and empty message, show chart when data is available
+            if (qs('#optibehavior-chart-loading')) qs('#optibehavior-chart-loading').style.display = 'none';
             qs('#optibehavior-empty').style.display = 'none';
             qs('#optibehavior-chart').style.display = 'block';
 …
             qs('#optibehavior-int').textContent = fmt(resp.data.total_interactions || 0);
             qs('#optibehavior-avg').textContent = fmtDur(resp.data.avg_time);
+            qs('#optibehavior-scroll').textContent = (resp.data.avg_scroll_depth || 0) + '%';
+            qs('#optibehavior-bounce').textContent = (resp.data.bounce_rate || 0) + '%';
             // Device split with Lucide icons
             var splitEl = qs('#optibehavior-split');
             splitEl.innerHTML = (resp.data.mobile_pct || 0) + '% <i data-lucide="smartphone" style="width:14px;height:14px;vertical-align:middle;"></i> / ' + (100 - (resp.data.mobile_pct || 0)) + '% <i data-lucide="monitor" style="width:14px;height:14px;vertical-align:middle;"></i>';
+            splitEl.innerHTML = (100 - (resp.data.mobile_pct || 0)) + '% <i data-lucide="monitor" style="width:14px;height:14px;vertical-align:middle;"></i> / ' + (resp.data.mobile_pct || 0) + '% <i data-lucide="smartphone" style="width:14px;height:14px;vertical-align:middle;"></i>';
             // Re-initialize Lucide icons for the new elements
             if (typeof lucide !== 'undefined') {
 …
         })
         .catch(function() {
+            // Hide loading, show empty message on error
+            if (qs('#optibehavior-chart-loading')) qs('#optibehavior-chart-loading').style.display = 'none';
             qs('#optibehavior-empty').style.display = 'block';
+            qs('#optibehavior-chart').style.display = 'none';
         });
+        }, 50); // 50ms delay to allow page to render first
         function buildChart(range) {
             var body = 'action=optibehavior_post_timeseries&post_id=' + encodeURIComponent(pid) + '&nonce=' + encodeURIComponent(nonce) + '&range=' + encodeURIComponent(range);
+            var body = 'action=optibehavior_post_analytics_chart&post_id=' + encodeURIComponent(pid) + '&nonce=' + encodeURIComponent(nonce) + '&range=' + encodeURIComponent(range);
             fetch(ajax, {
                 method: 'POST',
 …
                 var width = (container && container.clientWidth) ? container.clientWidth : (canvas.clientWidth || 600);
                 canvas.width = Math.max(300, width);
                 canvas.height = 220; // fixed height for stability
+                canvas.height = 280; // increased height for better visibility
                 var ctx = canvas.getContext('2d');
                 if (window.optibehaviorChart) {
 …
                         labels: data.labels,
                         datasets: [
+                            {label: desktopLabel, data: data.pc, borderColor: '#2563eb', backgroundColor: 'rgba(37,99,235,.2)', tension: 0.25, fill: true},
+                            {label: mobileLabel, data: data.mobile, borderColor: '#16a34a', backgroundColor: 'rgba(22,163,74,.2)', tension: 0.25, fill: true}
+                            // Total Visitors
+                            {
+                                label: 'Visitors',
+                                data: data.total_visitors,
+                                backgroundColor: 'rgba(249, 115, 22, 0.1)',
+                                borderColor: 'rgb(249, 115, 22)',
+                                borderWidth: 3,
+                                tension: 0.4,
+                                fill: true,
+                                pointRadius: 4,
+                                pointHoverRadius: 6,
+                                pointBackgroundColor: 'rgb(249, 115, 22)',
+                                pointBorderColor: '#fff',
+                                pointBorderWidth: 2,
+                                order: 1
+                            },
+                            // Desktop metrics
+                            {
+                                label: desktopLabel + ' Visitors',
+                                data: data.desktop_visitors,
+                                backgroundColor: 'rgba(59, 130, 246, 0.1)',
+                                borderColor: 'rgb(59, 130, 246)',
+                                borderWidth: 3,
+                                tension: 0.4,
+                                fill: true,
+                                pointRadius: 4,
+                                pointHoverRadius: 6,
+                                pointBackgroundColor: 'rgb(59, 130, 246)',
+                                pointBorderColor: '#fff',
+                                pointBorderWidth: 2,
+                                order: 2
+                            },
+                            {
+                                label: desktopLabel + ' Events',
+                                data: data.desktop_events,
+                                backgroundColor: 'rgba(239, 68, 68, 0.1)',
+                                borderColor: 'rgb(239, 68, 68)',
+                                borderWidth: 3,
+                                tension: 0.4,
+                                fill: true,
+                                pointRadius: 4,
+                                pointHoverRadius: 6,
+                                pointBackgroundColor: 'rgb(239, 68, 68)',
+                                pointBorderColor: '#fff',
+                                pointBorderWidth: 2,
+                                order: 3
+                            },
+                            // Mobile metrics
+                            {
+                                label: mobileLabel + ' Visitors',
+                                data: data.mobile_visitors,
+                                backgroundColor: 'rgba(34, 197, 94, 0.1)',
+                                borderColor: 'rgb(34, 197, 94)',
+                                borderWidth: 3,
+                                tension: 0.4,
+                                fill: true,
+                                pointRadius: 4,
+                                pointHoverRadius: 6,
+                                pointBackgroundColor: 'rgb(34, 197, 94)',
+                                pointBorderColor: '#fff',
+                                pointBorderWidth: 2,
+                                order: 4
+                            },
+                            {
+                                label: mobileLabel + ' Events',
+                                data: data.mobile_events,
+                                backgroundColor: 'rgba(168, 85, 247, 0.1)',
+                                borderColor: 'rgb(168, 85, 247)',
+                                borderWidth: 3,
+                                tension: 0.4,
+                                fill: true,
+                                pointRadius: 4,
+                                pointHoverRadius: 6,
+                                pointBackgroundColor: 'rgb(168, 85, 247)',
+                                pointBorderColor: '#fff',
+                                pointBorderWidth: 2,
+                                order: 5
+                            }
+                        ]
                     },
                     options: {
                         responsive: false,
+                        animation: false,
+                        plugins: {legend: {display: true}, tooltip: {enabled: true}},
+                        interaction: {mode: 'nearest', intersect: false},
+                        scales: {y: {beginAtZero: true, ticks: {precision: 0}}}
+                        animation: {
+                            duration: 750,
+                            easing: 'easeInOutQuart'
+                        },
+                        plugins: {
+                            legend: {
+                                display: true,
+                                position: 'top',
+                                labels: {
+                                    boxWidth: 12,
+                                    boxHeight: 12,
+                                    padding: 10,
+                                    font: {
+                                        size: 11,
+                                        weight: '600'
+                                    },
+                                    usePointStyle: true,
+                                    pointStyle: 'rect'
+                                }
+                            },
+                            tooltip: {
+                                enabled: true,
+                                mode: 'index',
+                                intersect: false,
+                                backgroundColor: 'rgba(0, 0, 0, 0.9)',
+                                titleColor: '#fff',
+                                bodyColor: '#fff',
+                                borderColor: 'rgba(255, 255, 255, 0.2)',
+                                borderWidth: 1,
+                                padding: 12,
+                                displayColors: true,
+                                callbacks: {
+                                    title: function(context) {
+                                        return context[0].label || '';
+                                    },
+                                    label: function(context) {
+                                        var label = context.dataset.label || '';
+                                        var value = context.parsed.y || 0;
+                                        return label + ': ' + fmt(value);
+                                    }
+                                }
+                            }
+                        },
+                        interaction: {
+                            mode: 'index',
+                            intersect: false
+                        },
+                        scales: {
+                            x: {
+                                grid: {
+                                    display: false
+                                },
+                                ticks: {
+                                    font: {
+                                        size: 10
+                                    },
+                                    maxRotation: 45,
+                                    minRotation: 0
+                                }
+                            },
+                            y: {
+                                beginAtZero: true,
+                                grid: {
+                                    color: 'rgba(0, 0, 0, 0.05)',
+                                    drawBorder: false
+                                },
+                                ticks: {
+                                    precision: 0,
+                                    font: {
+                                        size: 10
+                                    },
+                                    callback: function(value) {
+                                        return fmt(value);
+                                    }
+                                }
+                            }
+                        }
+                    }
                 });
 …
         });
+        // Load referrer data
+        loadReferrerData();
+        // Load outbound click data
+        loadOutboundClickData();
+        // Load secondary data with staggered delays for better performance
+        // This prevents all AJAX requests from firing simultaneously
+        setTimeout(loadReferrerData, 100);
+        setTimeout(loadOutboundClickData, 150);
+        setTimeout(loadCountriesData, 200);
+        setTimeout(loadBrowsersData, 250);
+        setTimeout(loadDevicesData, 300);
         function loadReferrerData() {
 …
             });
+        }
+    });
+        // Helper function to get country ISO code from country name
+        function getCountryISO(countryName, countryCode) {
+            var countryToISO = {
+                'United States': 'us', 'US': 'us',
+                'Germany': 'de', 'DE': 'de',
+                'United Kingdom': 'gb', 'GB': 'gb', 'UK': 'gb',
+                'France': 'fr', 'FR': 'fr',
+                'India': 'in', 'IN': 'in',
+                'Netherlands': 'nl', 'NL': 'nl',
+                'China': 'cn', 'CN': 'cn',
+                'Canada': 'ca', 'CA': 'ca',
+                'Italy': 'it', 'IT': 'it',
+                'Poland': 'pl', 'PL': 'pl',
+                'Spain': 'es', 'ES': 'es',
+                'Brazil': 'br', 'BR': 'br',
+                'Australia': 'au', 'AU': 'au',
+                'Japan': 'jp', 'JP': 'jp',
+                'Russia': 'ru', 'RU': 'ru',
+                'Mexico': 'mx', 'MX': 'mx',
+                'South Korea': 'kr', 'KR': 'kr',
+                'Indonesia': 'id', 'ID': 'id',
+                'Turkey': 'tr', 'TR': 'tr',
+                'Saudi Arabia': 'sa', 'SA': 'sa',
+                'Switzerland': 'ch', 'CH': 'ch',
+                'Belgium': 'be', 'BE': 'be',
+                'Sweden': 'se', 'SE': 'se',
+                'Norway': 'no', 'NO': 'no',
+                'Denmark': 'dk', 'DK': 'dk',
+                'Finland': 'fi', 'FI': 'fi',
+                'Austria': 'at', 'AT': 'at',
+                'Portugal': 'pt', 'PT': 'pt',
+                'Greece': 'gr', 'GR': 'gr',
+                'Ireland': 'ie', 'IE': 'ie',
+                'Thailand': 'th', 'TH': 'th',
+                'South Africa': 'za', 'ZA': 'za',
+                'Unknown': 'xx'
+            };
+            // If country code is already a 2-letter ISO code, use it
+            if (countryCode && countryCode.length === 2 && /^[A-Z]{2}$/i.test(countryCode)) {
+                return countryCode.toLowerCase();
+            }
+            // Otherwise, look up the country name
+            return countryToISO[countryName] || countryToISO[countryCode] || 'xx';
+        }
+        function loadCountriesData() {
+            fetch(ajax, {
+                method: 'POST',
+                headers: {'Content-Type': 'application/x-www-form-urlencoded'},
+                body: 'action=optibehavior_post_countries&post_id=' + encodeURIComponent(pid) + '&nonce=' + encodeURIComponent(nonce)
+            })
+            .then(function(r) { return r.json(); })
+            .then(function(resp) {
+                var table = document.getElementById('optibehavior-countries-table');
+                var empty = document.getElementById('optibehavior-countries-empty');
+                if (resp && resp.success && resp.data && resp.data.length > 0) {
+                    // Calculate total for percentage
+                    var total = 0;
+                    resp.data.forEach(function(item) {
+                        total += item.count || 0;
+                    });
+                    var html = '<table class="countries-table" style="width:100%;border-collapse:collapse;"><tbody>';
+                    resp.data.forEach(function(item) {
+                        var countryName = item.country_name || 'Unknown';
+                        var countryCode = item.country || '';
+                        var count = item.count || 0;
+                        var percentage = total > 0 ? Math.round((count / total) * 100) : 0;
+                        var isoCode = getCountryISO(countryName, countryCode);
+                        var flagUrl = 'https://flagcdn.com/w40/' + isoCode + '.png';
+                        html += '<tr style="border-bottom:1px solid #e5e7eb;">';
+                        html += '<td style="padding:8px 4px;font-size:11px;font-weight:600;color:#1e293b;">';
+                        html += '<img src="' + flagUrl + '" alt="' + countryName + '" style="width:20px;height:15px;margin-right:8px;vertical-align:middle;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,0.1);">';
+                        html += countryName;
+                        html += '</td>';
+                        html += '<td style="padding:8px 4px;text-align:right;font-size:11px;font-weight:600;">';
+                        html += '<span style="display:inline-flex;align-items:center;gap:6px;">';
+                        html += '<span style="background:#10b981;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;min-width:32px;text-align:center;">' + count + '</span>';
+                        html += '<span style="color:#64748b;font-size:11px;">' + percentage + '%</span>';
+                        html += '</span>';
+                        html += '</td>';
+                        html += '</tr>';
+                    });
+                    html += '</tbody></table>';
+                    table.innerHTML = html;
+                    table.style.display = 'block';
+                    empty.classList.remove('is-visible');
+                } else {
+                    empty.classList.add('is-visible');
+                    table.style.display = 'none';
+                    // Re-initialize Lucide icons for the empty state
+                    if (typeof lucide !== 'undefined') {
+                        lucide.createIcons();
+                    }
+                }
+            })
+            .catch(function() {
+                var empty = document.getElementById('optibehavior-countries-empty');
+                empty.classList.add('is-visible');
+                // Re-initialize Lucide icons for the empty state
+                if (typeof lucide !== 'undefined') {
+                    lucide.createIcons();
+                }
+            });
+        }
+        // Helper function to get browser icon SVG
+        function getBrowserIconSVG(browserName) {
+            var name = browserName.toLowerCase();
+            var browserIcons = {
+                'chrome': '<svg viewBox="0 0 24 24" style="width:18px;height:18px;"><circle cx="12" cy="12" r="11" fill="#fff"/><path d="M12 1a11 11 0 1 0 11 11A11 11 0 0 0 12 1zm0 2a9 9 0 0 1 7.87 4.5H12a4.5 4.5 0 0 0-3.9 2.25L4.65 5.4A9 9 0 0 1 12 3z" fill="#DB4437"/><path d="M4.65 5.4l3.45 6.35A4.5 4.5 0 0 0 12 16.5a4.47 4.47 0 0 0 2.25-.6l-3.45 6A9 9 0 0 1 4.65 5.4z" fill="#0F9D58"/><path d="M19.87 7.5A9 9 0 0 1 10.8 21.9l3.45-6A4.5 4.5 0 0 0 16.5 12a4.47 4.47 0 0 0-.6-2.25z" fill="#F4B400"/><circle cx="12" cy="12" r="4.5" fill="#4285F4"/><circle cx="12" cy="12" r="3" fill="#fff"/></svg>',
+                'firefox': '<svg viewBox="0 0 24 24" style="width:18px;height:18px;"><defs><radialGradient id="ffGrad1"><stop offset="0%" stop-color="#FFBD4F"/><stop offset="100%" stop-color="#FF9640"/></radialGradient><radialGradient id="ffGrad2"><stop offset="0%" stop-color="#FF9640"/><stop offset="100%" stop-color="#E63950"/></radialGradient></defs><circle cx="12" cy="12" r="11" fill="url(#ffGrad1)"/><path d="M12 2C8 2 5 4 4 7c0 0 2-1 4-1 0-2 2-3 4-3 3 0 5 2 5 5 0 2-1 3-2 4-2 1-3 2-3 4v1h3v-1c0-1 1-2 2-3 2-1 3-3 3-5 0-4-3-7-8-7z" fill="url(#ffGrad2)"/><ellipse cx="12" cy="19" rx="2" ry="2.5" fill="#fff"/></svg>',
+                'safari': '<svg viewBox="0 0 24 24" style="width:18px;height:18px;"><defs><linearGradient id="safGrad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#1AC8FC"/><stop offset="100%" stop-color="#0D66D0"/></linearGradient></defs><circle cx="12" cy="12" r="11" fill="url(#safGrad)"/><circle cx="12" cy="12" r="9" fill="none" stroke="#fff" stroke-width="0.5"/><path d="M12 3v2M12 19v2M3 12h2M19 12h2" stroke="#fff" stroke-width="0.8"/><path d="M12 12L8 16" fill="#fff"/><path d="M12 12L16 8" fill="#E63950"/><polygon points="12,12 8,16 10,14 12,12" fill="#fff"/><polygon points="12,12 16,8 14,10 12,12" fill="#E63950"/></svg>',
+                'edge': '<svg viewBox="0 0 24 24" style="width:18px;height:18px;"><defs><linearGradient id="edgeGrad1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#0078D4"/><stop offset="100%" stop-color="#1490DF"/></linearGradient></defs><path d="M3 12c0-2 1-4 2-5 2-2 5-4 9-4 3 0 5 1 7 3-1-2-3-3-6-3-5 0-9 4-9 9 0 3 1 5 3 7 1 1 3 2 5 2h1c-3 0-6-1-8-3-2-2-4-4-4-6z" fill="url(#edgeGrad1)"/><path d="M21 9c1 1 2 3 2 5 0 5-4 9-9 9-2 0-4-1-6-2 2 1 4 2 6 2 5 0 9-4 9-9 0-2-1-4-2-5z" fill="#2DCCFF"/><path d="M12 7c-3 0-5 2-5 5h10c0-3-2-5-5-5z" fill="#0078D4"/></svg>',
+                'opera': '<svg viewBox="0 0 24 24" style="width:18px;height:18px;"><defs><radialGradient id="opGrad"><stop offset="0%" stop-color="#FF1B2D"/><stop offset="100%" stop-color="#A02020"/></radialGradient></defs><circle cx="12" cy="12" r="11" fill="url(#opGrad)"/><ellipse cx="12" cy="12" rx="5" ry="8" fill="none" stroke="#fff" stroke-width="1.5"/></svg>',
+                'brave': '<svg viewBox="0 0 24 24" style="width:18px;height:18px;"><defs><linearGradient id="braveGrad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#FB542B"/><stop offset="100%" stop-color="#CD3A1F"/></linearGradient></defs><circle cx="12" cy="12" r="11" fill="url(#braveGrad)"/><path d="M12 4l-1 3-2-1-1 3-3 1 1 2-2 2 3 1v3l2-1 2 1v-3l3-1-2-2 1-2-3-1-1-3z" fill="#fff"/></svg>',
+                'samsung': '<svg viewBox="0 0 24 24" style="width:18px;height:18px;"><defs><linearGradient id="samsungGrad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#7B4FFF"/><stop offset="100%" stop-color="#5A2FD6"/></linearGradient></defs><circle cx="12" cy="12" r="11" fill="url(#samsungGrad)"/><path d="M8 8h8v8H8z" fill="none" stroke="#fff" stroke-width="1.5" rx="1"/><circle cx="12" cy="12" r="3" fill="#fff"/></svg>',
+                'android': '<svg viewBox="0 0 24 24" style="width:18px;height:18px;"><defs><linearGradient id="androidGrad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#A4C639"/><stop offset="100%" stop-color="#7FA82E"/></linearGradient></defs><circle cx="12" cy="12" r="11" fill="url(#androidGrad)"/><path d="M8 9h8v6c0 1-1 2-2 2h-4c-1 0-2-1-2-2V9z" fill="#fff"/><circle cx="10" cy="11" r="0.8" fill="url(#androidGrad)"/><circle cx="14" cy="11" r="0.8" fill="url(#androidGrad)"/><path d="M9 7l-1-2M15 7l1-2" stroke="#fff" stroke-width="1" stroke-linecap="round"/></svg>'
+            };
+            // Check if we have a predefined icon for this browser
+            for (var key in browserIcons) {
+                if (name.indexOf(key) !== -1) {
+                    return browserIcons[key];
+                }
+            }
+            // Default browser icon
+            return '<svg viewBox="0 0 24 24" style="width:18px;height:18px;"><defs><linearGradient id="defGrad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#9CA3AF"/><stop offset="100%" stop-color="#6B7280"/></linearGradient></defs><circle cx="12" cy="12" r="11" fill="url(#defGrad)"/><circle cx="12" cy="12" r="8" fill="none" stroke="#fff" stroke-width="0.5"/><path d="M12 4v3M12 17v3M4 12h3M17 12h3" stroke="#fff" stroke-width="1"/><circle cx="12" cy="12" r="2" fill="#fff"/></svg>';
+        }
+        function loadBrowsersData() {
+            fetch(ajax, {
+                method: 'POST',
+                headers: {'Content-Type': 'application/x-www-form-urlencoded'},
+                body: 'action=optibehavior_post_browsers&post_id=' + encodeURIComponent(pid) + '&nonce=' + encodeURIComponent(nonce)
+            })
+            .then(function(r) { return r.json(); })
+            .then(function(resp) {
+                var table = document.getElementById('optibehavior-browsers-table');
+                var empty = document.getElementById('optibehavior-browsers-empty');
+                if (resp && resp.success && resp.data && resp.data.length > 0) {
+                    // Calculate total for percentage
+                    var total = 0;
+                    resp.data.forEach(function(item) {
+                        total += item.count || 0;
+                    });
+                    var html = '<table class="browsers-table" style="width:100%;border-collapse:collapse;"><tbody>';
+                    resp.data.forEach(function(item) {
+                        var browserName = item.name || 'Unknown';
+                        var count = item.count || 0;
+                        var percentage = total > 0 ? Math.round((count / total) * 100) : 0;
+                        var browserIconSVG = getBrowserIconSVG(browserName);
+                        html += '<tr style="border-bottom:1px solid #e5e7eb;">';
+                        html += '<td style="padding:8px 4px;font-size:11px;font-weight:600;color:#1e293b;">';
+                        html += '<span style="display:inline-flex;align-items:center;gap:8px;">';
+                        html += '<span style="display:inline-block;vertical-align:middle;">' + browserIconSVG + '</span>';
+                        html += '<span>' + browserName + '</span>';
+                        html += '</span>';
+                        html += '</td>';
+                        html += '<td style="padding:8px 4px;text-align:right;font-size:11px;font-weight:600;">';
+                        html += '<span style="display:inline-flex;align-items:center;gap:6px;">';
+                        html += '<span style="background:#10b981;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;min-width:32px;text-align:center;">' + count + '</span>';
+                        html += '<span style="color:#64748b;font-size:11px;">' + percentage + '%</span>';
+                        html += '</span>';
+                        html += '</td>';
+                        html += '</tr>';
+                    });
+                    html += '</tbody></table>';
+                    table.innerHTML = html;
+                    table.style.display = 'block';
+                    empty.classList.remove('is-visible');
+                } else {
+                    empty.classList.add('is-visible');
+                    table.style.display = 'none';
+                    // Re-initialize Lucide icons for the empty state
+                    if (typeof lucide !== 'undefined') {
+                        lucide.createIcons();
+                    }
+                }
+            })
+            .catch(function() {
+                var empty = document.getElementById('optibehavior-browsers-empty');
+                empty.classList.add('is-visible');
+                // Re-initialize Lucide icons for the empty state
+                if (typeof lucide !== 'undefined') {
+                    lucide.createIcons();
+                }
+            });
+        }
+        // Helper function to get device icon SVG
+        function getDeviceIconSVG(deviceName) {
+            var name = deviceName.toLowerCase();
+            if (name.indexOf('desktop') !== -1) {
+                return '<svg viewBox="0 0 24 24" style="width:18px;height:18px;"><defs><linearGradient id="desktopGrad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#3B82F6"/><stop offset="100%" stop-color="#2563EB"/></linearGradient></defs><rect x="2" y="4" width="20" height="12" rx="1" fill="url(#desktopGrad)"/><rect x="4" y="6" width="16" height="8" fill="#EFF6FF"/><rect x="9" y="16" width="6" height="1" fill="url(#desktopGrad)"/><rect x="7" y="17" width="10" height="2" rx="0.5" fill="url(#desktopGrad)"/></svg>';
+            } else if (name.indexOf('mobile') !== -1 || name.indexOf('phone') !== -1) {
+                return '<svg viewBox="0 0 24 24" style="width:18px;height:18px;"><defs><linearGradient id="mobileGrad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#10B981"/><stop offset="100%" stop-color="#059669"/></linearGradient></defs><rect x="6" y="2" width="12" height="20" rx="2" fill="url(#mobileGrad)"/><rect x="7" y="4" width="10" height="14" fill="#ECFDF5"/><circle cx="12" cy="20" r="1" fill="#ECFDF5"/></svg>';
+            } else if (name.indexOf('tablet') !== -1) {
+                return '<svg viewBox="0 0 24 24" style="width:18px;height:18px;"><defs><linearGradient id="tabletGrad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#F59E0B"/><stop offset="100%" stop-color="#D97706"/></linearGradient></defs><rect x="4" y="2" width="16" height="20" rx="2" fill="url(#tabletGrad)"/><rect x="5" y="4" width="14" height="15" fill="#FEF3C7"/><circle cx="12" cy="20.5" r="1" fill="#FEF3C7"/></svg>';
+            }
+            // Default device icon
+            return '<svg viewBox="0 0 24 24" style="width:18px;height:18px;"><defs><linearGradient id="devDefGrad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#9CA3AF"/><stop offset="100%" stop-color="#6B7280"/></linearGradient></defs><rect x="2" y="4" width="20" height="12" rx="1" fill="url(#devDefGrad)"/><rect x="4" y="6" width="16" height="8" fill="#F3F4F6"/></svg>';
+        }
+        function loadDevicesData() {
+            fetch(ajax, {
+                method: 'POST',
+                headers: {'Content-Type': 'application/x-www-form-urlencoded'},
+                body: 'action=optibehavior_post_devices&post_id=' + encodeURIComponent(pid) + '&nonce=' + encodeURIComponent(nonce)
+            })
+            .then(function(r) { return r.json(); })
+            .then(function(resp) {
+                var table = document.getElementById('optibehavior-devices-table');
+                var empty = document.getElementById('optibehavior-devices-empty');
+                if (resp && resp.success && resp.data && resp.data.length > 0) {
+                    // Calculate total for percentage
+                    var total = 0;
+                    resp.data.forEach(function(item) {
+                        total += item.count || 0;
+                    });
+                    var html = '<table class="devices-table" style="width:100%;border-collapse:collapse;"><tbody>';
+                    resp.data.forEach(function(item) {
+                        var deviceName = item.name || 'Unknown';
+                        var count = item.count || 0;
+                        var percentage = total > 0 ? Math.round((count / total) * 100) : 0;
+                        var deviceIconSVG = getDeviceIconSVG(deviceName);
+                        html += '<tr style="border-bottom:1px solid #e5e7eb;">';
+                        html += '<td style="padding:8px 4px;font-size:11px;font-weight:600;color:#1e293b;">';
+                        html += '<span style="display:inline-flex;align-items:center;gap:8px;">';
+                        html += '<span style="display:inline-block;vertical-align:middle;">' + deviceIconSVG + '</span>';
+                        html += '<span>' + deviceName + '</span>';
+                        html += '</span>';
+                        html += '</td>';
+                        html += '<td style="padding:8px 4px;text-align:right;font-size:11px;font-weight:600;">';
+                        html += '<span style="display:inline-flex;align-items:center;gap:6px;">';
+                        html += '<span style="background:#10b981;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;min-width:32px;text-align:center;">' + count + '</span>';
+                        html += '<span style="color:#64748b;font-size:11px;">' + percentage + '%</span>';
+                        html += '</span>';
+                        html += '</td>';
+                        html += '</tr>';
+                    });
+                    html += '</tbody></table>';
+                    table.innerHTML = html;
+                    table.style.display = 'block';
+                    empty.classList.remove('is-visible');
+                } else {
+                    empty.classList.add('is-visible');
+                    table.style.display = 'none';
+                    // Re-initialize Lucide icons for the empty state
+                    if (typeof lucide !== 'undefined') {
+                        lucide.createIcons();
+                    }
+                }
+            })
+            .catch(function() {
+                var empty = document.getElementById('optibehavior-devices-empty');
+                empty.classList.add('is-visible');
+                // Re-initialize Lucide icons for the empty state
+                if (typeof lucide !== 'undefined') {
+                    lucide.createIcons();
+                }
+            });
+        }
+    }
+    // Initialize as soon as possible - try immediately, then on DOMContentLoaded, then on load
+    if (document.readyState === 'loading') {
+        // DOM is still loading, wait for DOMContentLoaded
+        document.addEventListener('DOMContentLoaded', initMetaboxAnalytics);
+    } else {
+        // DOM is already loaded, initialize immediately
+        initMetaboxAnalytics();
+    }
 })();

opti-behavior/trunk/assets/js/opti-behavior-heatmap-simple.js

-                      r3399182
+                      r3401441
     function init() {
+        console.log('[Heatmap] init() called');
         // Check if we have the required configuration
         if (typeof window.opti_behavior_heatmap === 'undefined') {
             // console.error('[Heatmap] Configuration not found');
+            console.error('[Heatmap] Configuration not found');
             return;
+        }
+        console.log('[Heatmap] Config found:', window.opti_behavior_heatmap);
         const config = window.opti_behavior_heatmap;
         // Only initialize in reporter mode
         if (config._mode !== 'reporter') {
+            console.log('[Heatmap] Not in reporter mode, mode is:', config._mode);
             return;
+        }
+        console.log('[Heatmap] Reporter mode confirmed');
         // Check if click tracking is enabled
         const reports = Array.isArray(config.reports) ? config.reports : config.reports.split(',');
         const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
         const clickEvent = isMobile ? 'click_mobile' : 'click_pc';
+        console.log('[Heatmap] Reports:', reports);
+        console.log('[Heatmap] isMobile:', isMobile);
+        console.log('[Heatmap] Looking for event:', clickEvent);
+        console.log('[Heatmap] Event included?', reports.includes(clickEvent));
         if (!reports.includes(clickEvent)) {
+            // if (config.debug) {
+            //     console.log('[Heatmap] Click tracking not enabled for this device type');
+            // }
+            console.log('[Heatmap] Click tracking not enabled for this device type');
             return;
+        }
+        console.log('[Heatmap] Initializing tracker...');
         // Initialize click tracking
         const tracker = new HeatmapTracker(config);
         tracker.start();
+        // if (config.debug) {
+        //     console.log('[Heatmap] Tracker initialized', config);
+        // }
+        console.log('[Heatmap] Tracker initialized', config);
+    }
 …
+    }
+    /**
+     * Get cookie value by name
+     */
+    HeatmapTracker.prototype.getCookie = function(name) {
+        const value = `; ${document.cookie}`;
+        const parts = value.split(`; ${name}=`);
+        if (parts.length === 2) {
+            return parts.pop().split(';').shift();
+        }
+        return null;
+    };
     HeatmapTracker.prototype.start = function() {
+        console.log('[Heatmap] start() called');
         // Attach click event listener
         document.addEventListener('click', this.handleClick.bind(this), true);
+        // Attach outbound link click tracker
+        document.addEventListener('click', this.handleOutboundClick.bind(this), true);
         // Start periodic send timer
         this.startSendTimer();
         // Send data before page unload
         window.addEventListener('beforeunload', this.sendData.bind(this, true));
+        // if (this.config.debug) {
+        //     console.log('[Heatmap] Click tracking started');
+        // }
+        console.log('[Heatmap] Click tracking started');
     };
     HeatmapTracker.prototype.handleClick = function(event) {
+        console.log('[Heatmap] Click detected!', event);
         // Get click coordinates
         const x = event.pageX || (event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft));
         const y = event.pageY || (event.clientY + (document.documentElement.scrollTop || document.body.scrollTop));
         // Get page dimensions
         const width = Math.max(
 …
             document.documentElement.clientHeight
         );
         // Create event data
         const eventData = {
 …
             time: 0 // Will be calculated relative to send time
         };
         // Add to queue
         this.eventQueue.push(eventData);
+        // if (this.config.debug) {
+        //     console.log('[Heatmap] Click recorded:', eventData);
+        // }
+        console.log('[Heatmap] Click recorded:', eventData);
+        console.log('[Heatmap] Queue length:', this.eventQueue.length);
         // Check if we should send immediately
 …
+        }
     };
+    HeatmapTracker.prototype.handleOutboundClick = function(event) {
+        // Check if click was on a link or within a link
+        let target = event.target;
+        let link = null;
+        // Traverse up the DOM tree to find a link element
+        while (target && target !== document) {
+            if (target.tagName === 'A' && target.href) {
+                link = target;
+                break;
+            }
+            target = target.parentElement;
+        }
+        // If no link found, return
+        if (!link) {
+            return;
+        }
+        // Get the target URL
+        const targetUrl = link.href;
+        const sourceUrl = window.location.href;
+        // Get click coordinates
+        const x = event.pageX || (event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft));
+        const y = event.pageY || (event.clientY + (document.documentElement.scrollTop || document.body.scrollTop));
+        // Get element details
+        const elementTag = link.tagName.toLowerCase();
+        const elementId = link.id || null;
+        const elementClass = link.className || null;
+        const elementText = link.textContent ? link.textContent.trim().substring(0, 500) : null;
+        // Prepare outbound click data
+        const outboundData = {
+            type: 'outbound_click',
+            sourceUrl: sourceUrl,
+            targetUrl: targetUrl,
+            elementTag: elementTag,
+            elementId: elementId,
+            elementClass: elementClass,
+            elementText: elementText,
+            x: Math.floor(x),
+            y: Math.floor(y)
+        };
+        console.log('[Heatmap] Outbound click detected:', outboundData);
+        // Send outbound click data immediately
+        this.sendOutboundClick(outboundData);
+    };
+    HeatmapTracker.prototype.sendOutboundClick = function(data) {
+        console.log('[Heatmap] Sending outbound click:', data);
+        // Get session and visitor IDs from cookies
+        const sessionId = this.getCookie('optibehavior_sid') || this.getCookie('opti_behavior_session_id') || '';
+        const visitorId = this.getCookie('optibehavior_vid') || this.getCookie('opti_behavior_visitor_id') || '';
+        // Prepare JSON data for session recording endpoint
+        const payload = {
+            action: 'outbound_click',
+            session_id: sessionId,
+            visitor_id: visitorId,
+            sourceUrl: data.sourceUrl,
+            targetUrl: data.targetUrl,
+            elementTag: data.elementTag,
+            elementId: data.elementId || null,
+            elementClass: data.elementClass || null,
+            elementText: data.elementText || null,
+            x: data.x,
+            y: data.y
+        };
+        // Prepare form data for session recording endpoint
+        const formData = new FormData();
+        formData.append('action', 'opti_behavior_heatmap_record');
+        formData.append('nonce', this.config.nonce);
+        formData.append('data', JSON.stringify(payload));
+        console.log('[Heatmap] Outbound click payload:', payload);
+        // Use sendBeacon for outbound clicks (more reliable when navigating away)
+        // Fallback to fetch if sendBeacon is not supported
+        if (navigator.sendBeacon) {
+            try {
+                const sent = navigator.sendBeacon(this.config.ajax_url, formData);
+                console.log('[Heatmap] Outbound click sent via sendBeacon:', sent);
+            } catch(e) {
+                console.error('[Heatmap] sendBeacon error, falling back to fetch:', e);
+                // Fallback to fetch
+                fetch(this.config.ajax_url, {
+                    method: 'POST',
+                    body: formData,
+                    mode: 'same-origin',
+                    cache: 'no-cache',
+                    keepalive: true
+                }).catch(function(error) {
+                    console.error('[Heatmap] Outbound click fetch error:', error);
+                });
+            }
+        } else {
+            // Fallback to fetch with keepalive
+            fetch(this.config.ajax_url, {
+                method: 'POST',
+                body: formData,
+                mode: 'same-origin',
+                cache: 'no-cache',
+                keepalive: true
+            }).then(function(response) {
+                console.log('[Heatmap] Outbound click sent via fetch, status:', response.status);
+                return response.json();
+            }).then(function(responseData) {
+                console.log('[Heatmap] Outbound click response:', responseData);
+            }).catch(function(error) {
+                console.error('[Heatmap] Outbound click error:', error);
+            });
+        }
+    };
     HeatmapTracker.prototype.startSendTimer = function() {
         // Clear existing timer
 …
     HeatmapTracker.prototype.sendData = function(isUnload) {
+        console.log('[Heatmap] sendData() called, isUnload:', isUnload);
+        console.log('[Heatmap] Queue length:', this.eventQueue.length);
         if (this.eventQueue.length === 0) {
+            console.log('[Heatmap] No events to send');
             return;
+        }
 …
         const eventsToSend = this.eventQueue.splice(0);
+        console.log('[Heatmap] Sending events:', eventsToSend);
         // Update last send time
         this.lastSendTime = Date.now();
+        // Get session and visitor IDs from cookies
+        const sessionId = this.getCookie('optibehavior_sid') || this.getCookie('opti_behavior_session_id');
+        const visitorId = this.getCookie('optibehavior_vid') || this.getCookie('opti_behavior_visitor_id');
+        console.log('[Heatmap] Session ID:', sessionId);
+        console.log('[Heatmap] Visitor ID:', visitorId);
         // Prepare form data
 …
         formData.append('url', window.location.href);
         formData.append('title', document.title);
+        // Add session and visitor IDs if available
+        if (sessionId) {
+            formData.append('session_id', sessionId);
+        }
+        if (visitorId) {
+            formData.append('visitor_id', visitorId);
+        }
+        console.log('[Heatmap] AJAX config:', {
+            action: this.config.action,
+            nonce: this.config.nonce,
+            ajax_url: this.config.ajax_url,
+            url: window.location.href,
+            title: document.title
+        });
         // Add screen resolution data for visitor tracking
 …
         if (isUnload && navigator.sendBeacon) {
             // Use sendBeacon for unload events
+            console.log('[Heatmap] Using sendBeacon');
             navigator.sendBeacon(this.config.ajax_url, formData);
         } else {
             // Use fetch for normal sends
+            console.log('[Heatmap] Using fetch to send data');
             fetch(this.config.ajax_url, {
                 method: 'POST',
 …
                 keepalive: isUnload
             }).then(function(response) {
+                // if (this.config.debug) {
+                //     console.log('[Heatmap] Server response:', response.status);
+                // }
+                console.log('[Heatmap] Server response status:', response.status);
                 return response.json();
             }.bind(this)).then(function(data) {
+                // if (this.config.debug) {
+                //     console.log('[Heatmap] Server data:', data);
+                // }
+                console.log('[Heatmap] Server response data:', data);
             }.bind(this)).catch(function(error) {
                 // console.error('[Heatmap] Send error:', error);
+                console.error('[Heatmap] Send error:', error);
             });
+        }

opti-behavior/trunk/includes/class-opti-behavior-heatmap-database.php

-                      r3399182
+                      r3401441
             id           varchar(64)          NOT NULL,
             visitor_id   varchar(64)          NOT NULL,
+            user_id      bigint(20)  UNSIGNED DEFAULT NULL,
             start_time   datetime             NOT NULL,
             end_time     datetime             DEFAULT NULL,
 …
             PRIMARY KEY  (id),
             KEY visitor_id (visitor_id),
+            KEY user_id (user_id),
             KEY start_time (start_time),
             KEY is_bounce (is_bounce),

opti-behavior/trunk/includes/class-opti-behavior-license-manager.php

-                      r3399182
+                      r3401441
     /**
      * API base URL
+     * TODO: Replace with production API URL before release
+     */
+    const API_URL = 'https://api.opti-behavior.com/v1/';
+     */
+    const API_URL = 'https://api.opti-behavior.com/';
     /**
 …
         update_option( self::OPTION_REGISTRATION_DATE, current_time( 'mysql' ) );
+        // Store master_secret for API authentication (encrypted)
+        if ( isset( $response['data']['master_secret'] ) ) {
+            $encrypted_master_secret = $this->encrypt_secret_key( $response['data']['master_secret'] );
+            update_option( 'opti_behavior_master_secret', $response['data']['master_secret'] );
+            $this->debug_manager->log( 'Master secret stored for API authentication', 'info', 'license' );
+        }
         // Clear sensitive data from memory (only if native extension is available)
         if ( extension_loaded( 'sodium' ) ) {
 …
     public function call_api( $endpoint, $data = array(), $method = 'GET' ) {
         $url = self::API_URL . $endpoint;
+        $installation_id = $this->get_installation_id();
+        $timestamp = time();
+        // Prepare request data for signature
+        if ( $method === 'POST' ) {
+            $data_to_sign = wp_json_encode( $data, JSON_UNESCAPED_SLASHES );
+        } else {
+            // Sort GET parameters for consistent signing
+            ksort( $data );
+            $data_to_sign = wp_json_encode( $data, JSON_UNESCAPED_SLASHES );
+        }
+        // Generate HMAC signature (only if registered)
+        $signature = '';
+        if ( ! empty( $installation_id ) && $endpoint !== 'register' ) {
+            $signature = $this->generate_api_signature( $data_to_sign, $timestamp );
+        }
         $args = array(
 …
             'headers' => array(
                 'Content-Type' => 'application/json',
+                'X-OptiBe-Installation-ID' => $installation_id,
+                'X-OptiBe-Signature' => $signature,
+                'X-OptiBe-Timestamp' => $timestamp,
             ),
         );
 …
         return $decoded;
+    }
+    /**
+     * Generate HMAC signature for API request
+     *
+     * @param string $data Request data (JSON string)
+     * @param int $timestamp Request timestamp
+     * @return string HMAC-SHA256 signature
+     */
+    private function generate_api_signature( $data, $timestamp ) {
+        $master_secret = get_option( 'opti_behavior_master_secret', '' );
+        if ( empty( $master_secret ) ) {
+            $this->debug_manager->log( 'Master secret not found - cannot sign request', 'warning', 'license' );
+            return '';
+        }
+        // Normalize data
+        $decoded = json_decode( $data, true );
+        if ( $decoded !== null && is_array( $decoded ) ) {
+            ksort( $decoded );
+            $normalized = json_encode( $decoded, JSON_UNESCAPED_SLASHES );
+        } else {
+            $normalized = trim( $data );
+        }
+        // Generate signature: HMAC-SHA256(data|timestamp, master_secret)
+        $message = $normalized . '|' . $timestamp;
+        return hash_hmac( 'sha256', $message, $master_secret );
+    }
     /**
 …
     /**
+     * Increment quota usage
+     *
+     * This is called after successfully saving a recording
+     * The API will track the actual usage, this is just a local notification
+     */
+    public function increment_quota_usage() {
+        // The API tracks usage automatically when we request decrypt keys
+        // This method is here for future local tracking if needed
+        $this->debug_manager->log( 'Quota usage incremented', 'debug', 'license' );
+     * Increment quota usage by recording a session
+     *
+     * CRITICAL: This is called after successfully saving a recording
+     * This is the PRIMARY quota enforcement mechanism - prevents bypass attempts
+     *
+     * @param string $session_id Session ID (optional, for logging)
+     * @return bool Success
+     */
+    public function increment_quota_usage( $session_id = '' ) {
+        $installation_id = $this->get_installation_id();
+        if ( empty( $installation_id ) ) {
+            $this->debug_manager->log( 'Cannot increment quota: installation_id is empty', 'error', 'license' );
+            return false;
+        }
+        // Call API to increment sessions_recorded counter
+        $response = $this->call_api( 'record-session', array(
+            'installation_id' => $installation_id,
+            'session_id' => $session_id,
+        ), 'POST' );
+        if ( ! $response || ! isset( $response['success'] ) || ! $response['success'] ) {
+            $error_msg = isset( $response['error'] ) ? $response['error'] : 'unknown';
+            $this->debug_manager->log( 'Failed to increment quota: ' . $error_msg, 'error', 'license' );
+            return false;
+        }
+        $this->debug_manager->log( 'Quota incremented successfully. Session: ' . $session_id, 'info', 'license' );
+        return true;
+    }
+}

opti-behavior/trunk/includes/trait-opti-behavior-ai-insights-views.php

-                      r3399182
+                      r3401441
                         <span class="analyze-text"><?php esc_html_e( 'Revenue Impact', 'opti-behavior' ); ?></span>
                     </div>
+                </div>
+            </div>
+            <!-- Feedback Section -->
+                    <div class="analyze-item">
+                        <span class="analyze-icon"><i data-lucide="target"></i></span>
+                        <span class="analyze-text"><?php esc_html_e( 'Conversion Goals', 'opti-behavior' ); ?></span>
+                    </div>
+                    <div class="analyze-item">
+                        <span class="analyze-icon"><i data-lucide="users"></i></span>
+                        <span class="analyze-text"><?php esc_html_e( 'Audience Segments', 'opti-behavior' ); ?></span>
+                    </div>
+                </div>
+            </div>
+            <!-- Support Contact Section -->
             <div class="ai-feedback-section">
                 <div class="feedback-card">
                     <div class="feedback-icon">💬</div>
                     <h2 class="feedback-title"><?php esc_html_e( 'Help Shape the Future!', 'opti-behavior' ); ?></h2>
+                    <div class="feedback-icon">&#128172;</div>
+                    <h2 class="feedback-title"><?php esc_html_e( 'Need Help or Have Questions?', 'opti-behavior' ); ?></h2>
                     <p class="feedback-description">
                         <?php esc_html_e( 'We\'re building this amazing AI-powered feature and we\'d love to hear from you! Your experience and feedback are invaluable in making this the best analytics tool possible.', 'opti-behavior' ); ?>
+                        <?php esc_html_e( 'We are here to help! Send us a message and our support team will get back to you as soon as possible.', 'opti-behavior' ); ?>
                     </p>
+                    <div class="feedback-actions">
+                        <a href="mailto:[email protected]?subject=AI%20Insights%20Feedback" class="feedback-btn primary">
+                            <span>📧</span>
+                            <?php esc_html_e( 'Share Your Ideas', 'opti-behavior' ); ?>
+                        </a>
+                    </div>
+                    <?php
+                    $current_user = wp_get_current_user();
+                    $user_email = $current_user->user_email ? $current_user->user_email : '';
+                    ?>
+                    <form id="opti-behavior-support-form" class="support-form">
+                        <div class="form-group">
+                            <label for="support-name">Your Name</label>
+                            <input type="text" id="support-name" name="support_name" required class="form-control" />
+                        </div>
+                        <div class="form-group">
+                            <label for="support-email">Your Email</label>
+                            <input type="email" id="support-email" name="support_email" value="<?php echo esc_attr( $user_email ); ?>" required class="form-control" />
+                            <small class="form-hint">We will use this to respond to your message</small>
+                        </div>
+                        <div class="form-group">
+                            <label for="support-subject">Subject</label>
+                            <input type="text" id="support-subject" name="support_subject" required class="form-control" />
+                        </div>
+                        <div class="form-group">
+                            <label for="support-message">Message</label>
+                            <textarea id="support-message" name="support_message" rows="5" required class="form-control"></textarea>
+                        </div>
+                        <div class="form-actions">
+                            <button type="submit" class="feedback-btn primary">
+                                <span>&#128231;</span>
+                                Send Message
+                            </button>
+                        </div>
+                        <div id="opti-support-response" class="support-response support-response-hidden"></div>
+                    </form>
                     <p class="feedback-note">
                         <?php
                         printf(
+                            /* translators: %1$s: opening strong tag, %2$s: closing strong tag, %3$s: opening strong tag, %4$s: closing strong tag */
+                            esc_html__( '%1$sEarly adopters%2$s who share feedback will get %3$sexclusive early access%4$s when we launch! 🎉', 'opti-behavior' ),
+                            '<strong>',
+                            '</strong>',
+                            '<strong>',
+                            '</strong>'
+                            /* translators: %s: support email address */
+                            esc_html__( 'You can also reach us directly at %s', 'opti-behavior' ),
+                            '<a href="mailto:[email protected]">[email protected]</a>'
                         );
                         ?>

opti-behavior/trunk/includes/trait-opti-behavior-ajax-handlers.php

-                      r3399182
+                      r3401441
             $sessions_table = esc_sql( $wpdb->prefix . 'optibehavior_sessions' );
             $visitors_table = esc_sql( $wpdb->prefix . 'optibehavior_visitors' );
+            $users_table = esc_sql( $wpdb->users );
             // Aggregate engagement metrics per visitor
 …
                 "SELECT
                     s.visitor_id,
+                    s.user_id,
                     COUNT(*) AS sessions,
                     COUNT(DISTINCT DATE(s.start_time)) AS active_days,
 …
                     MAX(COALESCE(s.end_time, s.start_time)) AS last_seen,
                     UPPER(COALESCE(NULLIF(TRIM(v.country),''), '')) AS country_code,
+                    v.country_name
+                    v.country_name,
+                    u.user_login,
+                    u.display_name
                  FROM {$sessions_table} s
                  LEFT JOIN {$visitors_table} v ON v.id = s.visitor_id
+                 LEFT JOIN {$users_table} u ON u.ID = s.user_id
                  WHERE s.start_time BETWEEN %s AND %s
                  GROUP BY s.visitor_id, v.country, v.country_name
+                 GROUP BY s.visitor_id, s.user_id, v.country, v.country_name, u.user_login, u.display_name
                  ORDER BY total_time DESC
                  LIMIT 50",
 …
+                }
+                // Check if this visitor is a WordPress user
+                $user_id = !empty($r->user_id) ? (int)$r->user_id : 0;
+                $user_login = !empty($r->user_login) ? (string)$r->user_login : '';
+                $display_name = !empty($r->display_name) ? (string)$r->display_name : '';
+                $profile_url = $user_id > 0 ? admin_url('user-edit.php?user_id=' . $user_id) : '';
                 $items[] = array(
                     'visitor_id'       => $vid,
                     'visitor_short'    => $short,
+                    'user_id'          => $user_id,
+                    'user_login'       => $user_login,
+                    'display_name'     => $display_name,
+                    'profile_url'      => $profile_url,
                     'sessions'         => (int)$r->sessions,
                     'pages_per_session'=> (float)$r->pages_per_session,

opti-behavior/trunk/includes/trait-opti-behavior-assets.php

-                      r3399182
+                      r3401441
                 OPTI_BEHAVIOR_HEATMAP_ASSETS_URL . 'js/heatmaps.js',
                 array(), // No dependencies
                 OPTI_BEHAVIOR_HEATMAP_VERSION,
+                OPTI_BEHAVIOR_HEATMAP_VERSION . '.' . time(),
                 true
             );
 …
                 array( 'opti-behavior-dashboard' ),
                 OPTI_BEHAVIOR_HEATMAP_VERSION
+            );
+            // Enqueue support form script
+            wp_enqueue_script(
+                'opti-behavior-support-form',
+                OPTI_BEHAVIOR_HEATMAP_ASSETS_URL . 'js/support-form.js',
+                array(),
+                OPTI_BEHAVIOR_HEATMAP_VERSION . '-v3',
+                true
+            );
+            // Pass AJAX URL, nonce, and translated strings to support form script
+            wp_localize_script(
+                'opti-behavior-support-form',
+                'optiBehaviorSupport',
+                array(
+                    'ajaxUrl' => admin_url( 'admin-ajax.php' ),
+                    'nonce'   => wp_create_nonce( 'opti_behavior_support_email' ),
+                    'i18n'    => array(
+                        'sending'     => __( 'Sending...', 'opti-behavior' ),
+                        'sendMessage' => __( 'Send Message', 'opti-behavior' ),
+                        'error'       => __( 'An error occurred. Please try again.', 'opti-behavior' ),
+                    ),
+                )
             );
+        }

opti-behavior/trunk/includes/trait-opti-behavior-heatmaps-views.php

-                      r3399182
+                      r3401441
                             <div class="stat-number"><?php echo esc_html( $stats['total_heatmaps'] ); ?></div>
                             <div class="stat-label"><?php esc_html_e( 'Total Heatmaps', 'opti-behavior' ); ?></div>
+                            <div class="stat-change positive">+<?php echo esc_html( $stats['heatmaps_growth'] ); ?>% <?php esc_html_e( 'this week', 'opti-behavior' ); ?></div>
+                            <div class="stat-change <?php echo $stats['heatmaps_growth'] >= 0 ? 'positive' : 'negative'; ?>"><?php
+                                $change_text = $stats['heatmaps_growth'] > 0 ? '+' . $stats['heatmaps_growth'] : $stats['heatmaps_growth'];
+                                echo esc_html( $change_text );
+                            ?>% <?php esc_html_e( 'this week', 'opti-behavior' ); ?></div>
                         </div>
                     </div>
 …
                             <div class="stat-number"><?php echo esc_html( number_format( $stats['total_clicks'] ) ); ?></div>
                             <div class="stat-label"><?php esc_html_e( 'Total Clicks', 'opti-behavior' ); ?></div>
+                            <div class="stat-change positive">+<?php echo esc_html( $stats['clicks_growth'] ); ?>% <?php esc_html_e( 'vs last period', 'opti-behavior' ); ?></div>
+                            <div class="stat-change <?php echo $stats['clicks_growth'] >= 0 ? 'positive' : 'negative'; ?>"><?php
+                                $change_text = $stats['clicks_growth'] > 0 ? '+' . $stats['clicks_growth'] : $stats['clicks_growth'];
+                                echo esc_html( $change_text );
+                            ?>% <?php esc_html_e( 'this week', 'opti-behavior' ); ?></div>
                         </div>
                     </div>
 …
                             <div class="stat-number"><?php echo esc_html( $stats['mobile_percentage'] ); ?>%</div>
                             <div class="stat-label"><?php esc_html_e( 'Mobile Traffic', 'opti-behavior' ); ?></div>
+                            <div class="stat-change neutral"><?php echo esc_html( $stats['mobile_change'] ); ?>% <?php esc_html_e( 'mobile vs desktop', 'opti-behavior' ); ?></div>
+                            <div class="stat-change <?php echo $stats['mobile_change'] >= 0 ? 'positive' : 'negative'; ?>"><?php
+                                $change_text = $stats['mobile_change'] > 0 ? '+' . $stats['mobile_change'] : $stats['mobile_change'];
+                                echo esc_html( $change_text );
+                            ?>% <?php esc_html_e( 'this week', 'opti-behavior' ); ?></div>
                         </div>
                     </div>
 …
                             <div class="stat-number"><?php echo esc_html( $stats['avg_time'] ); ?>s</div>
                             <div class="stat-label"><?php esc_html_e( 'Avg. Time on Page', 'opti-behavior' ); ?></div>
+                            <div class="stat-change positive">+<?php echo esc_html( $stats['time_improvement'] ); ?>% <?php esc_html_e( 'improvement', 'opti-behavior' ); ?></div>
+                            <div class="stat-change <?php echo $stats['time_improvement'] >= 0 ? 'positive' : 'negative'; ?>"><?php
+                                $change_text = $stats['time_improvement'] > 0 ? '+' . $stats['time_improvement'] : $stats['time_improvement'];
+                                echo esc_html( $change_text );
+                            ?>% <?php esc_html_e( 'this week', 'opti-behavior' ); ?></div>
                         </div>
                     </div>
 …
                             <div class="stat-number"><?php echo esc_html( $stats['conversion_rate'] ); ?>%</div>
                             <div class="stat-label"><?php esc_html_e( 'Click-through Rate', 'opti-behavior' ); ?></div>
+                            <div class="stat-change positive">+<?php echo esc_html( $stats['ctr_improvement'] ); ?>% <?php esc_html_e( 'this month', 'opti-behavior' ); ?></div>
+                            <div class="stat-change <?php echo $stats['ctr_improvement'] >= 0 ? 'positive' : 'negative'; ?>"><?php
+                                $change_text = $stats['ctr_improvement'] > 0 ? '+' . $stats['ctr_improvement'] : $stats['ctr_improvement'];
+                                echo esc_html( $change_text );
+                            ?>% <?php esc_html_e( 'this week', 'opti-behavior' ); ?></div>
                         </div>
                     </div>

opti-behavior/trunk/includes/trait-opti-behavior-sessions-views.php

-                      r3399182
+                      r3401441
             <?php
+        }
+        /**
+         * Get sample sessions data for display.
+         *
+         * @since 1.0.4
+         * @return array Sample sessions data.
+         */
+        private function get_sample_sessions_data() {
+            return array(
+                array(
+                    'id'              => '6e7d6c5b4a39',
+                    'date'            => gmdate( 'Y-m-d H:i:s' ),
+                    'duration'        => '02:34',
+                    'alarming_count'  => '3',
+                    'pages_count'     => '5',
+                    'pages'           => array( '/home', '/products', '/cart', '/checkout', '/thank-you' ),
+                    'visitor_type'    => __( 'New Visitor', 'opti-behavior' ),
+                    'country'         => __( 'United States', 'opti-behavior' ),
+                    'flag'            => '🇺🇸',
+                    'referrer'        => 'Google',
+                ),
+                array(
+                    'id'              => '5f6e5d4c3b28',
+                    'date'            => gmdate( 'Y-m-d H:i:s', strtotime( '-1 hour' ) ),
+                    'duration'        => '01:45',
+                    'alarming_count'  => '1',
+                    'pages_count'     => '3',
+                    'pages'           => array( '/home', '/about', '/contact' ),
+                    'visitor_type'    => __( 'Returning', 'opti-behavior' ),
+                    'country'         => __( 'Canada', 'opti-behavior' ),
+                    'flag'            => '🇨🇦',
+                    'referrer'        => __( 'Direct', 'opti-behavior' ),
+                ),
+            );
+        }
+    }
+}

opti-behavior/trunk/readme.txt

-                      r3399182
+                      r3401441
 === Opti-Behavior ===
 Contributors: optiuser
+Tags: analytics, heatmap, user tracking, session recording, behavior analytics
+Donate link: https://optiuser.com/
+Tags: analytics, heatmap, click tracking, user behavior,user insights
 Requires at least: 5.8
 Tested up to: 6.8
 Requires PHP: 7.4
 Stable tag: 1.0.4
+Stable tag: 1.0.5
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Transform your WordPress site with powerful analytics! Track user behavior with beautiful heatmaps, session recordings, and real-time insights.
+Powerful website analytics with visual heatmaps, click tracking, and real-time visitor insights. Optimize conversions and improve user experience with data-driven decisions.
 == Description ==
+Opti-Behavior is a comprehensive user behavior analytics plugin for WordPress that helps you understand how visitors interact with your website. Make data-driven decisions to improve user experience and boost conversions.
+= Key Features =
+* **Visual Heatmaps** - See where users click, move, and scroll on your pages with separate mobile and desktop views
+* **Session Recordings** - Watch real user sessions to understand behavior patterns
+* **Real-time Analytics** - Monitor visitor activity as it happens
+* **Page Performance Tracking** - Identify high-performing and underperforming pages
+* **User Journey Analysis** - Track visitor paths through your site
+* **Bot Detection & Tracking** - Automatic server-side bot detection to filter out non-human traffic
+* **File Storage System** - Optional file-based storage for high-traffic sites to prevent database bloat
+* **Performance Optimizer** - Automatic database indexing and optimization for large datasets
+* **Mobile/Desktop Separation** - Separate heatmap tracking and visualization for mobile and desktop devices
+* **Privacy-Focused** - GDPR compliant with built-in data protection features
+* **Lightweight & Fast** - Optimized code that won't slow down your site
+* **Easy to Use** - Intuitive dashboard with beautiful visualizations
+**Opti-Behavior** is the ultimate WordPress analytics plugin that reveals exactly how visitors interact with your website. Understand user behavior through powerful visual heatmaps, detailed click tracking, and comprehensive analytics - all stored securely on your own server.
+Unlike external analytics services, Opti-Behavior keeps all your data local, ensuring complete privacy compliance and lightning-fast performance. Perfect for marketers, designers, and business owners who want to optimize their websites based on real user behavior data.
+= Why Choose Opti-Behavior? =
+✓ **100% Privacy-Friendly** - All data stays on your WordPress server (GDPR compliant)
+✓ **No External Dependencies** - No API calls to third-party services for analytics
+✓ **Beautiful Visualizations** - Easy-to-understand heatmaps and dashboards
+✓ **Mobile & Desktop Separation** - Analyze each platform independently
+✓ **High Performance** - Optimized for sites with millions of pageviews
+✓ **Bot Filtering** - Automatic detection and exclusion of bot traffic
+= Core Features (Free Version) =
+* **Click Heatmaps** - Visualize where users click on your pages with color-coded heatmaps
+* **Mobile & Desktop Views** - Separate tracking and visualization for different devices
+* **Real-time Dashboard** - Monitor active visitors and their behavior live
+* **Page Analytics** - Track pageviews, average time on page, and engagement metrics
+* **Session Tracking** - Follow user journeys across your website
+* **Bot Detection** - Server-side detection of search engines and bot traffic
+* **Performance Optimized** - File-based storage option for high-traffic sites
+* **Privacy Controls** - IP anonymization, data retention settings, and GDPR compliance tools
+* **Beautiful UI** - Modern, intuitive interface with dark mode support
+* **Export Data** - Download your analytics in CSV format
+= Pro Features (Upgrade) =
+* **Session Recordings** - Watch real user sessions to see exactly how visitors use your site
+* **Advanced Heatmaps** - Attention heatmaps, scroll maps, and breakaway analysis
+* **Unlimited Pages** - Track as many pages as you need (free limited to 5 pages)
+* **Extended Retention** - Keep data for up to 2 years (free limited to 7 days)
+* **Priority Support** - Get help when you need it
+[Learn more about Opti-Behavior Pro](https://optiuser.com/)
 = Perfect For =
+* E-commerce sites looking to optimize conversion funnels
+* Content creators wanting to understand reader engagement
+* Web designers testing new layouts and designs
+* Marketing teams analyzing campaign effectiveness
+* Anyone who wants to improve their website's user experience
+* **E-commerce Stores** - Optimize checkout flows and product pages to increase sales
+* **Content Publishers** - Understand which content keeps readers engaged
+* **Web Agencies** - Provide clients with detailed user behavior reports
+* **SaaS Companies** - Improve onboarding and reduce churn with behavior insights
+* **Marketing Teams** - Test landing pages and measure campaign effectiveness
+* **UX Designers** - Validate design decisions with real user data
+* **Small Businesses** - Make informed decisions without expensive analytics tools
+= How It Works =
+. **Install & Activate** - Simple one-click installation, no configuration needed
+. **Automatic Tracking** - Starts collecting data immediately after activation
+. **View Insights** - Access beautiful dashboards from your WordPress admin
+. **Optimize** - Use data-driven insights to improve your website
+. **Export & Share** - Download reports or share insights with your team
 = Privacy & Data Protection =
+Opti-Behavior takes privacy seriously:
+* GDPR compliant data collection
+* Configurable data retention periods
+* Option to anonymize IP addresses
+* Respect for Do Not Track headers
+* User consent management
+* Secure data storage
+* Complete data deletion on uninstall (optional)
+* All data stored locally in your WordPress database
+* No external tracking or data sharing with third parties
+Privacy is built into Opti-Behavior from the ground up:
+* **GDPR Compliant** - Full compliance with EU privacy regulations
+* **Local Data Storage** - All analytics data stays in your WordPress database
+* **IP Anonymization** - Option to anonymize visitor IP addresses
+* **Data Retention Control** - Set automatic cleanup periods for old data
+* **No Third-Party Tracking** - Analytics JavaScript is served from your domain
+* **Consent Management** - Easy integration with consent management plugins
+* **Data Export** - Users can request their data in portable format
+* **Complete Deletion** - Option to delete all data on plugin uninstall
+* **No Cookies Required** - Works without setting cookies (session-based tracking)
+* **Transparent** - Open-source code you can audit yourself
 = Technical Features =
+* Clean, well-documented code
+* WordPress coding standards compliant
+* Secure database queries with prepared statements
+* Proper data sanitization and escaping
+* Efficient database schema with automatic indexing
+* Automated data cleanup and retention management
+* Flexible storage options (database or file-based)
+* Batch processing for high-traffic optimization
+* Debug mode with comprehensive logging
+* Bot filtering to exclude non-human traffic
+* Multisite compatible
+* Performance optimizations for large datasets
+Built with performance and security in mind:
+* **WordPress Coding Standards** - Fully compliant with WP best practices
+* **Secure by Design** - All database queries use prepared statements
+* **Optimized Performance** - Handles millions of events without slowing down
+* **Flexible Storage** - Choose between database or file-based storage
+* **Smart Indexing** - Automatic database optimization for fast queries
+* **Bot Detection** - Server-side filtering of crawlers and bots
+* **Multisite Ready** - Works perfectly on WordPress multisite networks
+* **REST API Ready** - Modern architecture with hooks and filters
+* **Developer Friendly** - Extensive documentation and clean codebase
+* **Minimal Footprint** - Lightweight JavaScript (~15KB minified)
+* **Async Loading** - Non-blocking script loading for better page speed
+* **Batch Processing** - Efficient handling of high-traffic scenarios
 == Installation ==
 …
 = After Activation =
+. Navigate to Opti-Behavior in your WordPress admin menu
+. Configure your tracking preferences in Settings
+. Start collecting data immediately
+. View analytics in the Dashboard
+. Navigate to **Opti-Behavior** in your WordPress admin menu
+. The plugin starts tracking automatically - no configuration required!
+. Visit the **Dashboard** to see real-time visitor activity
+. Go to **Heatmaps** to view click patterns on your pages
+. Adjust **Settings** to customize tracking behavior and privacy options
+That's it! Opti-Behavior works out of the box with smart defaults.
 == Frequently Asked Questions ==
 …
 = Does this plugin slow down my website? =
 No! Opti-Behavior is designed to be lightweight and efficient. The tracking script is minified and loads asynchronously, ensuring minimal impact on page load times.
+Not at all! Opti-Behavior is built for performance. The tracking script is only ~15KB minified and loads asynchronously, so it won't block your page rendering. We've tested it on sites with millions of pageviews without any performance issues.
 = Is this plugin GDPR compliant? =
 Yes! Opti-Behavior includes features for GDPR compliance including IP anonymization, data retention controls, and user consent management. All data is stored locally in your WordPress database and is never sent to external servers. However, you are responsible for configuring these settings appropriately for your use case and ensuring your privacy policy discloses the data collection.
+Yes! Opti-Behavior is designed with privacy in mind. It includes IP anonymization, data retention controls, and consent management features. All data is stored locally on your server, not sent to third parties. However, you should still configure the settings appropriately for your use case and update your privacy policy to disclose data collection practices.
 = Can I export my data? =
 …
 = How do I get support? =
+For support, please use the WordPress.org support forums for this plugin. We monitor the forums regularly and will respond as quickly as possible.
+For support questions, please use the [WordPress.org support forums](https://wordpress.org/support/plugin/opti-behavior/). For premium support, consider upgrading to [Opti-Behavior Pro](https://optiuser.com/).
+= How is this different from Google Analytics? =
+Unlike Google Analytics, Opti-Behavior stores all data on YOUR server (not Google's), provides visual heatmaps to see exactly where users click, doesn't require cookie consent in most cases, and gives you session-level insights. Plus, it's specifically designed for WordPress and integrates seamlessly with your admin dashboard.
+= Can I use this with WooCommerce? =
+Absolutely! Opti-Behavior works great with WooCommerce. Use heatmaps to optimize product pages, track cart abandonment patterns, and analyze checkout flow behavior to increase conversions.
+= What's the difference between Free and Pro? =
+The free version includes click heatmaps, real-time analytics, and tracks up to 5 pages with 7-day data retention. Pro unlocks session recordings, advanced heatmaps (attention, scroll, breakaway), unlimited pages, 2-year retention, and priority support. [Compare plans](https://optiuser.com/)
+= Does it work with page builders? =
+Yes! Opti-Behavior works with all major page builders including Elementor, Divi, Beaver Builder, WPBakery, and Gutenberg.
 = What is the File Storage System? =
 …
 == External Services ==
+This plugin connects to external services in specific circumstances:
+= IP Geolocation API (ip-api.com) =
+**What it is:** A free IP geolocation service that provides geographic information based on IP addresses.
+**When it's used:** When a visitor accesses your site and their location cannot be determined from CloudFlare headers (if CloudFlare is not in use), the plugin may make a server-side API call to ip-api.com to determine the visitor's approximate geographic location (country, region, city, timezone) based on their IP address.
+**What data is sent:** Only the visitor's IP address is sent to ip-api.com. No other personally identifiable information is transmitted.
+**Why it's needed:** This geolocation data is used to provide geographic analytics in the dashboard (e.g., visitor location maps, country/region statistics).
+This plugin may connect to external services in limited circumstances:
+= IP Geolocation (ip-api.com) =
+**Purpose:** Provides geographic location data (country, city, timezone) for visitor analytics and map visualization.
+**When Used:** Only when a visitor's location cannot be determined from CloudFlare headers. If CloudFlare is active, no external calls are made.
+**Data Sent:** Only the visitor's IP address. No personally identifiable information is transmitted.
 **Caching:** Results are cached for 1 hour to minimize API requests.
+**Rate limits:** The free tier has a rate limit of 45 requests per minute.
+**Privacy & Terms:**
+* Service homepage: https://ip-api.com/
+* Terms of service: https://ip-api.com/docs/legal
+* Privacy policy: https://ip-api.com/docs/legal (see Privacy section)
+* Data handling: ip-api.com may log IP addresses for their own analytics. Please review their privacy policy for details.
+**Note:** If CloudFlare is detected, the plugin uses CloudFlare's provided geolocation headers instead and does NOT make external API calls.
+**Privacy:**
+* Service: https://ip-api.com/
+* Terms & Privacy: https://ip-api.com/docs/legal
+* Note: ip-api.com may log IP addresses. Review their privacy policy for details.
 = OpenStreetMap Tiles =
+**What it is:** Map tiles for displaying the real-time visitor map visualization.
+**When it's used:** When you view the real-time visitor map in the admin dashboard.
+**What data is sent:** Map tile requests are made directly by your browser (not by the plugin server) to OpenStreetMap tile servers. Standard HTTP request data (IP address, user agent) is sent as part of normal browser requests.
+**Why it's needed:** To display the interactive map showing visitor locations.
+**Privacy & Terms:**
+* Service homepage: https://www.openstreetmap.org/
+* Tile usage policy: https://operations.osmfoundation.org/policies/tiles/
+* Privacy policy: https://wiki.osmfoundation.org/wiki/Privacy_Policy
+**Purpose:** Displays the interactive visitor location map in your WordPress admin dashboard.
+**When Used:** Only when YOU (the admin) view the real-time visitor map. Not used on the frontend.
+**Data Sent:** Your browser makes direct requests to OpenStreetMap tile servers (standard HTTP headers only).
+**Privacy:**
+* Service: https://www.openstreetmap.org/
+* Tile Policy: https://operations.osmfoundation.org/policies/tiles/
+* Privacy Policy: https://wiki.osmfoundation.org/wiki/Privacy_Policy
+**Important Note:** All analytics data is stored locally on your WordPress server. The services above are only used for optional geographic features and map visualization.
 == Screenshots ==
 …
 == Changelog ==
+= 1.0.4 =
+= 1.0.5 - 2025-01-23 =
+* Fix: Removed all debug error_log() calls from production code
+* Fix: Replaced date() with gmdate() for timezone-safe date handling
+* Fix: Added translator comments for i18n compliance
+* Fix: Updated API URL from localhost to production endpoint
+* Fix: Corrected stable tag version mismatch
+* Enhancement: Improved readme with better descriptions and FAQ
+* Enhancement: Added Plugin URI and updated Author URI
+* Enhancement: Optimized WordPress.org directory submission compliance
+* Compatibility: Full WordPress 6.8 compatibility verified
+* Enhancement: Added COALESCE for better handling of NULL titles in Top Pages
+* Enhancement: Improved country detection with browser language fallback when IP geolocation fails
+* Enhancement: Top Pages widget now displays page views instead of clicks for better accuracy
+= 1.0.4 - 2025-01-20 =
 * Enhancement: Added file-based storage system for high-traffic sites
 * Enhancement: Implemented automatic bot detection and filtering
 …
 * Enhancement: Separate mobile and desktop heatmap tracking and visualization
 * Enhancement: Batch processing for improved performance
 * Enhancement: Enhanced debug logging system
+* Enhancement: Enhanced debug logging system with WordPress-compliant manager
 * Enhancement: Added Lucide icon library (v0.554.0, ISC License) for modern UI
-* Security: Replaced error_log() with WordPress-compliant debug manager
 * Security: Replaced direct filesystem operations with WP_Filesystem API
 * Security: Replaced unlink() with wp_delete_file() for file deletion
 …
 == Upgrade Notice ==
+= 1.0.4.19 =
+WordPress.org submission update: Fixes debug code, timezone handling, and i18n compliance. All users should update for WordPress coding standards compliance.
 = 1.0.4 =
 Major update with file storage system, bot detection, performance optimizations, and WordPress coding standards compliance. Recommended for all users, especially high-traffic sites.
+Major update with file storage system, bot detection, and performance optimizations. Recommended for all users, especially high-traffic sites.
 = 1.0.3 =
+Important security update with enhanced SQL security and WordPress coding standards compliance. Recommended for all users.
+= 1.0.1 =
+Important security update with enhanced input sanitization and WordPress coding standards compliance. Recommended for all users.
+Important security update with enhanced SQL security. All users should update.
 = 1.0.0 =
 Initial release of Opti-Behavior. Install to start tracking user behavior on your WordPress site.
+Initial release. Install to start tracking user behavior with powerful heatmaps and analytics.
 == Privacy Policy ==

Plugin Directory

Context Navigation

Legend:

opti-behavior/trunk/Opti-Behavior.php

opti-behavior/trunk/admin/class-opti-behavior-heatmap-ajax-handler.php

opti-behavior/trunk/admin/class-opti-behavior-heatmap-dashboard.php

opti-behavior/trunk/admin/class-opti-behavior-heatmap-post-metabox.php

opti-behavior/trunk/admin/recordings-upgrade-page.php

opti-behavior/trunk/assets/css/admin-notices.css

opti-behavior/trunk/assets/css/ai-insights-page.css

opti-behavior/trunk/assets/css/heatmaps.css

opti-behavior/trunk/assets/css/metabox.css

opti-behavior/trunk/assets/css/recordings-upgrade.css

opti-behavior/trunk/assets/css/settings.css

opti-behavior/trunk/assets/js/dashboard.js

opti-behavior/trunk/assets/js/heatmaps.js

opti-behavior/trunk/assets/js/metabox-analytics.js

opti-behavior/trunk/assets/js/opti-behavior-heatmap-simple.js

opti-behavior/trunk/includes/class-opti-behavior-heatmap-database.php

opti-behavior/trunk/includes/class-opti-behavior-license-manager.php

opti-behavior/trunk/includes/trait-opti-behavior-ai-insights-views.php

opti-behavior/trunk/includes/trait-opti-behavior-ajax-handlers.php

opti-behavior/trunk/includes/trait-opti-behavior-assets.php

opti-behavior/trunk/includes/trait-opti-behavior-heatmaps-views.php

opti-behavior/trunk/includes/trait-opti-behavior-sessions-views.php

opti-behavior/trunk/readme.txt

Download in other formats: